Chirp is a social media application built with Next.js, trpc, TypeScript, and Tailwind CSS.
- User authentication using Clerk.dev Github OAuth
- Posting functionality - Only emojis allowed 🐦🐦
- Deleting post functionality if current user is post owner
- Timeline displaying posts users
- Profile pages for each user, displaying their posts
- Responsive design using Tailwind CSS
- Next.js
- trpc
- TypeScript
- Tailwind CSS
- Clerk.dev
- Prisma
- Planetscale
- Upstash Redis
- Clone the repository:
git clone https://github.com/romulororiz/chirp.git- Navigate to the repository:
cd chirp- Install dependencies:
npm install- Set up environment variables. Rename the .env.example file to .env.local and fill in the required values:
# Prisma
# https://www.prisma.io/docs/reference/database-reference/connection-urls#env
DATABASE_URL=
# Clerk
# https://docs.clerk.dev/
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
# Upstash
# https://upstash.com/
UPSTASH_REDIS_REST_URL=
UPSTASH_REDIS_REST_TOKEN=- Start the development server:
npm run dev- Navigate to http://localhost:3000 in your browser.
The application can be deployed using any cloud platform that supports Node.js applications. Some popular options include:
This project was created by T3.gg.