Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login
  1. Home
  2. Next.js
  3. Create an eCommerce Store with Next.js and Stripe Checkout
Next.js / React
Video

Create an eCommerce Store with Next.js and Stripe Checkout

by Colby Fayock
Enroll
đŸ•šī¸ Levels: 😎 Intermediate
âŗ Duration: 1.5 hours
🤑 Price: Subscription
🧑‍đŸ’ģ Learning Platform: Egghead.io
🧑‍🎓 Certificate: Yes

🔑 Key Learning Outcomes

  • Understanding how to build an eCommerce store on the JamStack.
  • Leveraging service providers to speed up development.
  • Increasing website speed to improve purchase conversions.

👨‍đŸĢ About the Course

This course focuses on creating a custom eCommerce store using React, Next.js, and Stripe Checkout. You will learn to build a fully customized store for clients using modern tools. The course covers React for flexibility, Next.js for speed, and Stripe Checkout for secure payment processing.

đŸŽ¯ Target Audience

  • Ideal for developers looking to enhance their skills in building eCommerce solutions.
  • Suitable for those interested in creating custom online stores using modern tools.

✅ Requirements

  • Basic knowledge of React and JavaScript.
  • Familiarity with web development concepts like APIs and deployment.

📖 Course Content

  • Creating a new React application with Next.js.
  • Adding and styling a grid of products.
  • Configuring products in the Stripe Dashboard.
  • Managing product data dynamically.
  • Hosting and deploying the app on Vercel.
  • Integrating Stripe Checkout for purchases.
  • Implementing a shopping cart with React Hooks.
  • Using React Context API for global state management.
  • Persisting cart data with local storage.
  • Creating dynamic routes for product pages.
  • Building a shopping cart page with product management features.
Update Course

Drop a comment

Create an eCommerce Store with Next.js and Stripe Checkout by Colby Fayock

Log in to leave a feedback

Login

👇 Psst! Interested in More Next.js Courses?

Next.jsNext.jsSupabaseSupabaseTypeScriptTypeScriptTailwindTailwind

Build a Twitter Clone with the Next.js App Router and Supabase
Video

by Jon Meyers

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 1.5 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

Next.jsNext.js

Next Migration Course Extras
Video

by Ben Patton

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

Next.jsNext.jsTypeScriptTypeScriptPrismaPrismaTailwindTailwind

Next.js Projects: Build an Issue Tracker
Video

by Mosh Hamedani

đŸ•šī¸ Levels: 😎 Intermediate, 🚀 Advanced

âŗ Duration: 7 hours

🤑 Price: Subscription

🔙 Back to Next.js Category