sujjeee / threads-clone

Threads built with the t3-stack: Next.js 14, TypeScript, tRPC, Tailwind CSS, Shadcn ui, Prisma ORM, and Clerk Auth.

Threads clone

This is an open source threads-clone build with create-t3-app and everything new in Next.js 13 and 14.

1. Feed Page	2. Search Page
3. Reply Card	4. Notifications Page
5. Post Info Page	6. Profile Page

Tech Stack

• Framework: Next.js
• Language: Typescript
• Styling: Tailwind CSS
• User Management: Clerk
• ORM: Prisma ORM
• UI Components: shadcn/ui
• File Uploads: uploadthing
• Typesafe APIs: tRPC
• Hosting: Vercel

Key Features

• Authentication with Clerk
• File uploads with uploadthing
• Advance Prisma ORM concepts
• Database on Neon
• Validation with Zod
• Text filteration with bad-words
• Image filteration with nsfw-filter
• Custom notifications on user interactions
• Custom component on top of shadcn/ui
• Recursive threads with prisma.$queryRaw
• ...and many more !

Running Locally

1. Clone the repository

   git clone https://github.com/sujjeee/threads-clone.git

2. Install dependencies using pnpm

   pnpm install

3. Copy the .env.example to .env and update the variables.

   cp .env.example .env

4. Start the development server

   pnpm run dev

5. Push the database schema

   pnpm run db:push