https://github.com/zhenya-paitash/app-notionclone-2023
Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023
https://youtu.be/0OaDyjB9Ib8
<aside>
📦 bun typescript nextjs react tailwind shadcn/ui eslint convex clerk zustand edgestore blocknote vercel docker
</aside>
- 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 🔄📄 |
Workflow
- *00:00* IntroOctober 12, 2023
- 06:23 Environment setupOctober 12, 2023
- 21:23 Folders setupOctober 12, 2023
- 37:10 Landing pageOctober 13, 2023
- 01:17:45 Authentication & DatabaseOctober 13, 2023
- 01:42:58 Sidebar October 14, 2023
- 02:21:01 User Settings October 14, 2023
- 02:38:23 Schema & API October 15, 2023
- 02:56:11 Sidebar Item October 16, 2023
- 03:16:20 Document list October 17, 2023
- 03:40:53 Archive functionality October 17, 2023