Next.js 13 E-Commerce Tutorial (App Router, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI)

Next.js 13 E-Commerce Tutorial (App Router, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI)

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Intro + prerequisites

1 of 15

1 of 15

⌨️ Intro + prerequisites

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Next.js 13 E-Commerce Tutorial (App Router, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI)

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

  1. 1 ⌨️ Intro + prerequisites
  2. 2 ⌨️ Project setup
  3. 3 ⌨️ Prisma + MongoDB setup
  4. 4 ⌨️ Add product page Server action in server component
  5. 5 ⌨️ Products list page
  6. 6 ⌨️ Product details page generateMetadata + React cache
  7. 7 ⌨️ Add to cart button Server action in client component
  8. 8 ⌨️ Navbar + footer
  9. 9 ⌨️ Cart page
  10. 10 ⌨️ User login Next-Auth
  11. 11 ⌨️ Merging user cart with anonymous cart
  12. 12 ⌨️ Pagination
  13. 13 ⌨️ Search functionality
  14. 14 ⌨️ Prisma extension
  15. 15 ⌨️ Deployment + social preview

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.