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
Top comments (0)