A fullstack Notion clone built with Next.js, React, Tailwind, Clerk, Convex, Edge Store, and BlockNote.
- ๐ Authentication using Clerk
- ๐ Real-time backend and database powered by Convex.dev
- ๐ผ๏ธ Upload images using Edge Store
- ๐ Create and edit notes using BlockNote editor
- ๐ Emojis using Emoji Picker React
- ๐ฒ Create hierarchies of notes
- ๐๏ธ Archive, restore, and delete notes
- ๐ข Publish notes to share with others
- โฌ ๏ธ Adjustable sidebar
- โจ Responsive UI and light/dark mode built with Tailwind and shadcn/ui
git clone https://github.com/sgbj/notion-clone.git
npm install
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=
npx convex dev
npm run dev
Created by following along with AntonioErdeljac/notion-clone-tutorial.