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

YouTube

Build and Deploy a Full Stack E-Commerce App with Admin Dashboard and CMS - Next 14, Stripe, TypeScript, Payload CMS

JavaScript Mastery via YouTube

Overview

Embark on a comprehensive journey to build a full-stack e-commerce application with an admin dashboard and CMS using cutting-edge technologies. Master the intricacies of Next.js 14, Stripe integration, TypeScript, and Payload CMS as you develop a feature-rich webshop. Begin with setting up Payload and structuring your project folders, then progress through creating essential components like headers, footers, and user authentication pages. Dive into crafting engaging UI elements such as hero sections, category displays, and product cards. Implement advanced functionalities including filters, related products, and a robust shopping cart system. Integrate Stripe for secure payments and learn to create a seamless checkout process. Conclude by tackling a development challenge and mastering the deployment process, equipping you with the skills to launch your own professional e-commerce platform.

Syllabus

- Intro
- Payload Setup
- Code Setup
- Folder Structure
- Header
- Footer
- Login Page
- Create Account Page
- Recover Password
- Hero Section
- Categories Section
- Promotion Section
- Products
- Filters
- Product Card
- Product Details Page
- Related Products
- Cart Page
- Stripe
- Checkout
- Order Confirmation Page
- Challenge
- Deployment

Taught by

JavaScript Mastery

Reviews

Start your review of Build and Deploy a Full Stack E-Commerce App with Admin Dashboard and CMS - Next 14, Stripe, TypeScript, Payload CMS

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.