Build and Deploy a Full Stack E-Commerce App with Admin Dashboard and CMS - Next 14, Stripe, TypeScript, Payload CMS
Offered By: JavaScript Mastery via YouTube
Course Description
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
Related Courses
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX