Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

SimFantasy/notion-clone-tutorial

Repository files navigation

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

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

Languages

  • TypeScript 95.1%
  • JavaScript 3.7%
  • CSS 1.2%

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /