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 |
![]() |
![]() |
- 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
- 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 !
-
Clone the repository
git clone https://github.com/sujjeee/threads-clone.git
-
Install dependencies using pnpm
pnpm install
-
Copy the
.env.example
to.env
and update the variables.cp .env.example .env
-
Start the development server
pnpm run dev
-
Push the database schema
pnpm run db:push