Build and Deploy Notion Clone – Full Stack Tutorial (NextJS 13, DALL•E, DrizzleORM, OpenAI, Vercel)

Build and Deploy Notion Clone – Full Stack Tutorial (NextJS 13, DALL•E, DrizzleORM, OpenAI, Vercel)

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Set Up Project

3 of 19

3 of 19

⌨️ Set Up Project

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Build and Deploy Notion Clone – Full Stack Tutorial (NextJS 13, DALL•E, DrizzleORM, OpenAI, Vercel)

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ Intro & Demo
  2. 2 ⌨️ Outline Knowledge
  3. 3 ⌨️ Set Up Project
  4. 4 ⌨️ Set Up shadcn
  5. 5 ⌨️ Set Up Clerk Auth
  6. 6 ⌨️ Landing Page
  7. 7 ⌨️ Dashboard UI
  8. 8 ⌨️ DrizzleORM
  9. 9 ⌨️ Create Note UI
  10. 10 ⌨️ OpenAI Generate Image Prompt
  11. 11 ⌨️ Create NoteBook API
  12. 12 ⌨️ Notebook Page UI
  13. 13 ⌨️ TipTap Editor & MenuBar
  14. 14 ⌨️ Debounce Save
  15. 15 ⌨️ AI Autocomplete
  16. 16 ⌨️ KBD UI
  17. 17 ⌨️ Firebase
  18. 18 ⌨️ Delete Note
  19. 19 ⌨️ Deploy & Outro

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.