This project was realized thanks to the tutorial Build a Real-Time Miro Clone With Nextjs, React, Tailwind (2024)
๐ด Live: miro-clone ๐ด
Stack:
- NextJS
- Tailwind
- Clerk
- Convex
- LiveBlocks
First, run the development server:
npm run dev
npx convex dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEY=
LIVEBLOCKS_SECRET_KEY=