Chirp

Full-stack app built with T3 Stack

• Framework: Next.js
• Database: PlanetScale
• Type-safety: tRPC
• ORM: Prisma
• Authentication: Clerk
• Deployment: Vercel
• Styling: Tailwind CSS
• Rate Limit: Upstash

Home (Pre-signed in)

Clerk Sign in

Home (Signed in)

Loading state

• hydrate the input, only the feed would have a loading state

Input validation

Profile View

Post View

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

# Database URL for Prisma
DATABASE_URL="mysql://johndoe:randompassword@localhost:5432/mydb?schema=public"

# Clerk for auth
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=

# Upstash for rate limiting
UPSTASH_REDIS_REST_URL=""
UPSTASH_REDIS_REST_TOKEN=""

Run Locally

Clone the project

  git clone https://github.com/quang08/T3-Stack

Go to the project directory

  cd T3-Stack

Install dependencies

  npm install

Apply migrations to database

  npm migrate-dev

Seed the database

  npm db-seed

Start the server

  npm run dev