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

Threads built with the t3-stack: Next.js 14, TypeScript, tRPC, Tailwind CSS, Shadcn ui, Prisma ORM, and Clerk Auth.
https://github.com/sujjeee/threads-clone

clerk nextjs nextjs-trpc open-source prisma shadcn-ui t3-stack tailwindcss threads-clone trpc typescript uploadthing zod

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/sujjeee/threads-clone
• Owner: sujjeee
• Created: 2023-10-23T20:02:46.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-26T13:06:09.000Z (10 months ago)
• Last Synced: 2025-03-29T10:33:29.981Z (2 months ago)
• Topics: clerk, nextjs, nextjs-trpc, open-source, prisma, shadcn-ui, t3-stack, tailwindcss, threads-clone, trpc, typescript, uploadthing, zod
• Language: TypeScript
• Homepage: https://threadss-clone.vercel.app
• Size: 21.1 MB
• Stars: 129
• Watchers: 1
• Forks: 18
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Threads clone](https://threads.codebustar.com)

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 |

|:---:|:---:|

| ![Feed Page](./public/screenshots/feed-page.png) | ![Search Page](./public/screenshots/search-page.png)|

| 3. Reply Card | 4. Notifications Page | 

| ![Reply Card](./public/screenshots/reply-card.png) | ![Notifications Page](./public/screenshots/notification-page.png)|

| 5. Post Info Page | 6. Profile Page |

| ![Post Info Page](./public/screenshots/post-info-page.png) | ![Profile Page](./public/screenshots/profile-page.png)|

## Tech Stack

- **Framework:** [Next.js](https://nextjs.org)

- **Language:** [Typescript](https://www.typescriptlang.org/docs/)

- **Styling:** [Tailwind CSS](https://tailwindcss.com)

- **User Management:** [Clerk](https://clerk.com)

- **ORM:** [Prisma ORM](https://www.prisma.io/)

- **UI Components:** [shadcn/ui](https://ui.shadcn.com)

- **File Uploads:** [uploadthing](https://uploadthing.com)

- **Typesafe APIs:** [tRPC](https://trpc.io)

- **Hosting:** [Vercel](https://vercel.com/)

## 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

   ```bash

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

   ```

2. Install dependencies using pnpm

   ```bash

   pnpm install

   ```

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

   ```bash

   cp .env.example .env

   ```

4. Start the development server

   ```bash

   pnpm run dev

   ```

5. Push the database schema

   ```bash

   pnpm run db:push

   ```