This project is a professional Slack clone built with Next.js, Convex, Tailwind CSS, and a modern React stack. It implements real-time messaging, authentication (Google, GitHub, credentials), workspaces, channels, threads, reactions, and more—closely mirroring the core features of Slack.
This application was developed by following the excellent YouTube tutorial series by Antonio Erdeljac:
All credit for the architecture and instructional content goes to Antonio. This repository is an implementation based on his guidance.
- Next.js (App Router)
- Convex (serverless backend, real-time data)
- Tailwind CSS (utility-first styling)
- Radix UI (accessible UI primitives)
- Jotai (state management)
- NextAuth.js (authentication)
- TypeScript
- Install dependencies:
npm install # or bun install - Set up your environment variables in
.env.local. - Run the development server:
npm run dev # or bun dev - Open Slack Clone to view the app.
Deploy easily on Vercel for production. Ensure all required environment variables are set in both the Vercel and Convex dashboards.
- Tutorial by Antonio Erdeljac
- YouTube: Part 1, Part 2