Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

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

via freeCodeCamp

Start learning Write review
University of the People Ad

Earn Your CS Degree, Tuition-Free, 100% Online!

Learn More → Noble Desktop Ad

NY State-Licensed Certificates in Design, Coding & AI — Online

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course guides learners through building and deploying a full-stack e-commerce application with Next.js 13, TypeScript, Prisma, MongoDB, TailwindCSS, DaisyUI, and Next-Auth. It covers product pages, cart functionality, search, pagination, metadata, and deployment.

Syllabus

⌨️ Intro + prerequisites
⌨️ Project setup
⌨️ Prisma + MongoDB setup
⌨️ Add product page Server action in server component
⌨️ Products list page
⌨️ Product details page generateMetadata + React cache
⌨️ Add to cart button Server action in client component
⌨️ Navbar + footer
⌨️ Cart page
⌨️ User login Next-Auth
⌨️ Merging user cart with anonymous cart
⌨️ Pagination
⌨️ Search functionality
⌨️ Prisma extension
⌨️ Deployment + social preview

Taught by

freeCodeCamp.org

Reviews

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

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.