Overview
Learn how to build a sleek, full-stack ecommerce platform using Next.js 15, Tailwind CSS, Stripe, and Zustand for state management in this comprehensive tutorial. Follow along to create dynamic product pages, implement responsive design, and set up a secure checkout flow with Stripe integration. The tutorial covers everything from initial setup to deployment, including creating a navigation bar, designing the home page, building product listing and detail pages, implementing a cart system with Zustand, developing a mobile-friendly menu, and creating a checkout process. Perfect for developers looking to build modern e-commerce applications with the latest web technologies.
Syllabus
00:00:00 - Intro / Sponsorship
00:01:44 - Setup
00:06:16 - Creating Navbar
00:10:51 - Creating Home Page
00:39:34 - Creating Products Page
00:54:49 - Creating Product Detail Page
01:03:49 - Setup Cart Store
01:23:19 - Make Mobile Menu
01:34:36 - Creating Checkout Page
02:00:18 - Deploying Website
Taught by
PedroTech