https://e-commerce-in-25-days.netlify.app/
This is an entirely free course on building an e-commerce platform with Next.js, Netlify and Stripe! Over the course of 25 days (or 1 day if you want to binge it!) we will incrementally be creating an entirely Jamstack online store, that is entirely free to host!
It is important to lay a solid foundation before we just do a bunch of magic tricks to create our platform, so we start off covering some React basics - components, state, props, side effects etc - then look at what Next.js gives us to build super powerful webapps - static site generation, routing etc - and finally we build out a fully hosted serverless e-commerce platform and learn a bunch of stuff along the way - Styled Components, Netlify hosting and serverless functions, stripe etc.
2020 was a difficult year for a lot of people, so whether you're keen to develop your web dev skills to put you in a better place, or just need a way to sell some stuff online, this course is a fantastic resource to help you get there!
🎄 Day 1 - Introduction to Build an E-Commerce Platform in 25 Days with Next.js, Netlify and Stripe
🎄 Day 2 - React Basics: What is a Component?
🎄 Day 3 - React Basics: What is State?
🎄 Day 4 - React Basics: What are Props?
🎄 Day 5 - React Basics: What are side effects and useEffect?
🎄 Day 6 - Next.js: How to Create a Page
🎄 Day 7 - Next.js: Routing and Link component
🎄 Day 8 - Next.js: Dynamic Routes
🎄 Day 9 - Next.js: Host on Netlify
🎄 Day 10 - Next.js: Preview deploys with Netlify
🎄 Day 11 - Next.js: Fetching data from an API
🎄 Day 12 - Next.js: Generate static pages
🎄 Day 13 - Building our app: Generating a product list with getStaticProps
🎄 Day 14 - Building our app: Generating product pages with getStaticPaths
🎄 Day 15 - Building our app: Configuring Styled Components and Google Fonts
🎄 Day 16 - Building our app: Styling with Styled Components
🎄 Day 17 - Building our app: Create a shopping cart using Local Storage
🎄 Day 18 - Building our app: Make a global shopping cart with React Context
🎄 Day 19 - Building our app: Styling the cart with Styled Components
🎄 Day 20 - Building our app: Create a checkout page
🎄 Day 21 - Building our app: Create a Netlify Function
🎄 Day 22 - Building our app: Setup Stripe
🎄 Day 23 - Building our app: Secrets in Netlify
🎄 Day 24 - Building our app: Charge a card with Stripe Checkout