Notion Clone

• Convex: https://www.convex.dev
• Clerk: https://dub.sh/7gFtfQb
• Edgestore: https://edgestore.dev
• Trunk: https://tinyurl.com/trunkcheck

This is a repository for Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | 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

1git clone https://github.com/AntonioErdeljac/notion-clone-tutorial.git

Install packages

1npm i

Setup .env file

1# Deployment used by `npx convex dev`
2CONVEX_DEPLOYMENT=
3NEXT_PUBLIC_CONVEX_URL=
4
5NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
6CLERK_SECRET_KEY=
7
8EDGE_STORE_ACCESS_KEY=
9EDGE_STORE_SECRET_KEY=

Setup Convex

1npx convex dev

Start the app

1npm run dev