github

AntonioErdeljac / notion-clone-tutorial

  • Π²ΠΎΡΠΊΡ€Π΅ΡΠ΅Π½ΡŒΠ΅, 15 октября 2023β€―Π³. Π² 00:00:04
https://github.com/AntonioErdeljac/notion-clone-tutorial



Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023

Copy of Copy of Copy of Fullstack Twitter Clone (6)

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

VIDEO TUTORIAL

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