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&#39;s get started!


<p>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&#39;s get started!</p>


Course Introduction

What is a Component?

What is State?

What are Props?

What are Side Effects?

Create pages with Next.js

Routing in Next.js

Dynamic Routes in Next.js

Hosting on Netlify

Preview Deploys in Netlify

Fetching data with Next.js

Static generation with getStaticProps

Create static product list

Create product detail pages

Configure Styled Components

Styling components with Styled Components

Create a shopping cart

Create a global cart

Styling the cart

Create a Checkout page

Netlify Functions

Configure Stripe

Netlify Secrets

Charge a card with Stripe

Wrapping up

Build an E-commerce platform in 25 days using Next.js, Netlify and Stripe