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

Description:

Discord for any problems/errors/bugs: Github & Live Website: Convex: Clerk: Edgestore: Trunk: Hi all 👋 In this 8 hour tutorial you will learn how to create an end-to-end fullstack notion clone, all with proper notion-style editor, cover images, nested documents, publishing documents to public, real-time database and more. 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 🔄📄 Timestamps 00:00 Intro & Demo 06:23 Environment setup 21:23 Folders setup 37:10 Landing page 01:17:45 Authentication & Database 01:42:58 Sidebar 02:21:01 User Settings 02:38:23 Schema & API 02:56:11 Sidebar Item 03:16:20 Document list 03:40:53 Archive functionality 03:58:12 Trash box 04:31:37 Search functionality 04:47:03 Settings 04:59:41 Navbar 05:27:14 Banner component 05:46:11 Toolbar component (Icon, Title) 06:15:13 Cover image (File upload) 06:48:04 Advanced file upload (delete, replace) 06:58:03 Editor component 07:21:56 Preview functionality (Publish your work) 07:43:32 Deployment & Outro