Build an E-commerce platform in 25 days using Next.js, Netlify and Stripe
In this course we are going to create an online store using Next.js, Netlify and Stripe. We will learn some React basics - components, state, props, hooks - a crash course in Next.js - file-based routing, dynamic routes, static site generation (SSG) - how to style an application using Styled Components, and finally how to charge a card using Stripe. Along the way we will also cover deploying an application, preview deploys, secrets in Netlify, CSS and so much more! Let's get started!
- 1Course Introduction2What is a Component?3What is State?4What are Props?5What are Side Effects?6Create pages with Next.js7Routing in Next.js8Dynamic Routes in Next.js9Hosting on Netlify10Preview Deploys in Netlify11Fetching data with Next.js12Static generation with getStaticProps13Create static product list14Create product detail pages15Configure Styled Components16Styling components with Styled Components17Create a shopping cart18Create a global cart19Styling the cart20Create a Checkout page21Netlify Functions22Configure Stripe23Netlify Secrets24Charge a card with Stripe25Wrapping up