Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023
This is a repository for Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023
Key Features:
- Real-time database ?
- Notion-style editor ?
- Light and Dark mode ?
- Infinite children documents ?
- Trash can & soft delete ?️
- Authentication ?
- File upload
- File deletion
- File replacement
- Icons for each document (changes in real-time) ?
- Expandable sidebar ➡️?⬅️
- Full mobile responsiveness ?
- Publish your note to the web ?
- Fully collapsable sidebar ↕️
- Landing page ?
- Cover image of each document ?️
- Recover deleted files ??
Prerequisites
Node version 18.x.x
Cloning the repository
git clone https://github.com/AntonioErdeljac/notion-clone-tutorial.git
Install packages
npm i
Setup .env file
# Deployment used by `npx convex dev`
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=
Setup Convex
npx convex dev
Start the app
npm run dev