Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind

This is a repository for Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind

This app is developed based on Antonio's tutorial, and below is the link to the tutorial.

VIDEO TUTORIAL

This app has been deployed through Vercel, and the link to access it is as follow.

URL to Yootion

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/bakgom123/Notion-project.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

The copyright of the source code belongs to https://github.com/AntonioErdeljac.