Welcome to the Notion Clone repository! This project is a clone of the popular note-taking application Notion, built using Next.js and TypeScript. The repository contains all the source code and project files for the Notion Clone.
https://notion-clone-yosef-coder.vercel.app/
Technologies used in the project:
- react
- typescript
- tailwind
- nextjs
- clerk
- nextauth
- convex
- 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 🔄📄
Node version 18.x.x
git clone https://github.com/AntonioErdeljac/notion-clone-tutorial.git
npm i
# 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=
npx convex dev
npm run dev