ThreadsClone

Application based on the popular Threads platform that allows to share thoughts, ideas and opinions.

Features

• allows users to create posts, comments and react to content
• via Clerk Organization connects people into communities

Tech Stack

Client: React, Next.js, TailwindCSS, shadcn/ui

Database: MongoDB

Other: Clerk with organizations

Demo

Try here: https://threads-clone-git-main-repith.vercel.app

Installation

First, to run the development server use your package manager to install packets: (f.e. npm)

  npm install
  npm run dev

Open your browser and by default server should run on http://localhost:3000.

Configure your .env file with your own keys from Clerk, MongoDB and Uploadthing.

# Environment Variables
# Clerk
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_CLERK_WEBHOOK_

NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/onboarding
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/

# MongoDB
MONGODB_URL=

# Uploadthing
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

Login via Clerk authentication and join your own community!

Screenshots

Credits

Special thanks to Adrian Hajdin - JS Mastery for this project I co-coded ⭐