Fullstack Signal Clone: Next.js 15, Convex, Supabase Storage, Clerk, Zustand, Vercel

Welcome to the Fullstack Signal Clone: Next.js 15, Convex, Supabase Storage, Clerk, Zustand, Vercel Course! In this course, you'll learn how to build a fully-featured Signal - Google Meet clone from scratch. This README will guide you through setting up the project and running the course.

Prerequisites

Before you begin, make sure you have the following installed:

  • Node.js (v14 or later)
  • Git (For deployment - Not for Development)

Getting Started

Follow these steps to set up the project:

  1. Clone the Repository:

    git clone https://github.com/laribright/signal-clone.git
    cd slack-clone
  2. Install Dependencies:

    npm install
  3. Set Up Environment Variables:

    • Rename the .env.example file to .env.local and fill in the required environment variables.
    mv .env.example .env.local
  4. Run the Development Server:

    npm run dev

    Your app should now be running on http://localhost:3000.

Course Structure

This course is divided into multiple modules, each covering different aspects of building the Slack clone. The modules include:

  • AUTH
  • CREATE GROUP
  • FRIEND REQUEST
  • DIRECT MESSAGING
  • VIDEO CALL
  • AUDIO CALL
  • SCREEN SHARING
  • LEAVE GROUP
  • DELETE GROUP
  • BLOCK USER
  • GROUP CALL
  • FILE SHARING
  • READ RECEIPT
  • UNREAD MESSAGE COUNT
  • DARK AND LIGHT THEME
  • Middleware in Next.js
  • Advanced practices

Environment Variables

Make sure to properly configure your environment variables by referring to the .env.example file. This file contains example values and instructions on what needs to be filled in.

Course Video

Watch the full course on YouTube: Fullstack Signal Clone: Next.js 15, Convex, Supabase Storage, Clerk, Zustand, Vercel

Contributing

If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request. Contributions are always welcome!

Support

If you find this course helpful, please give this repository a star to show your support, and don't forget to subsribe to the channel 🙂!


Happy coding! Let's build something amazing together.