February, 2024.
Full-stack Miro Clone project built by using Next JS 14, React, TypeScript, Shadcn UI, Tailwind CSS, Convex Database, Zustand, liveblocks, and Clerk Auth.
- Create organizations and invite team members seamlessly.
- Collaborate with team members seamlessly in Miro-like whiteboard interface.
- Real-time collaboration using the real-time Convex database.
- User authentication, organization creation, and management with Clerk Auth.
- Responsive design with TailwindCSS.
- State management using Zustand.
These instructions will help you set up and run the project on your local machine for development and testing purposes.
- Clone the repository:
git clone https://github.com/evanch98/notion-clone-nextjs.git
cd your-repo-name- Install the required dependencies:
npm install- Configure environmental variables:
Create a
.env.localfile in the project root and set the necessary environment variables.
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
LIVEBLOCKS_SECRET_KEY=
- Run the development server:
npm run dev- Start building and customizing your Miro Clone!