8000 GitHub - seif4d/notion-clone: A feature-rich Notion clone utilizing Convex for the database, Clerk for authentication, and a front-end built with Next.js and Tailwind CSS.
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
/ notion-clone Public
forked from Davronov-Alimardon/notion-clone

A feature-rich Notion clone utilizing Convex for the database, Clerk for authentication, and a front-end built with Next.js and Tailwind CSS.

notion-clone-ali.vercel.app

License

MIT license
0 stars 10 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

seif4d/notion-clone

BranchesTags
 
 

Repository files navigation

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

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/Davronov-Alimardon/notion-clone.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

A feature-rich Notion clone utilizing Convex for the database, Clerk for authentication, and a front-end built with Next.js and Tailwind CSS.

notion-clone-ali.vercel.app

Resources

4FDE Readme

License

MIT license
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages

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