This is a repository for a Build a Real-Time Miro Clone With Nextjs, React, Tailwind (2024) youtube video.
Features:
- ๐ ๏ธ Whiteboard from scratch
- ๐งฐ Toolbar with Text, Shapes, Sticky Notes & Pencil
- ๐ช Layering functionality
- ๐จ Coloring system
- โฉ๏ธ Undo & Redo functionality
- โจ๏ธ Keyboard shortcuts
- ๐ค Real-time collaboration
- ๐พ Real-time database
- ๐ Auth, organisations and invites
- โญ๏ธ Favoriting functionality
- ๐ Next.js 14 framework
- ๐ TailwindCSS & ShadcnUI styling
Node version 14.x
git clone https://github.com/AntonioErdeljac/next14-miro-clone.git
npm i
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
LIVEBLOCKS_SECRET_KEY=
npx convex dev
npm run dev