Notion clone

This project is a fun experiment to create a functional clone of Notion.

Short Explanation

This project is a clone of the popular note-taking application Notion. It's built with Next.js as a learning exercise, following a tutorial on YouTube.

Some of the features that have been implemented include:

  • 📋 Realtime database | Convex

  • 🔐 Authentication | Clerk

  • 💬 Image management | Edgestore

  • 👀 State management | Zustand

  • 🖋 Rich text editor | Blocknote

  • 🗑️ Trash can & soft delete

  • 🔄 Recover deleted files

  • 🌴 Tree structure for document

  • 🔍 Search by using command + K

  • 📝🌐 Publish/Unpublish note

Advertisement

Images

Main view

Notion Clone workspace document dashboard and sidebar navigation

Cover image

Notion Clone document cover image selector and header customization

Rich text editor

Notion Clone block-based rich text editor and slash command menu

Publish

Notion Clone public document sharing and web publishing modal

Url publish

Notion Clone live published document URL view for public readers

ToolsTagsRSSPrivacy PolicyTerms