Published 6/2023
Created by Epic Projects
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 21 Lectures ( 1h 32m ) | Size: 794 MB
Code and deploy a stunning, fullstack, e-commerce app made with Next 13, Sanity, Stripe, and more from start to finish!
What you’ll learn
A ton of core Next 13 features that you can use to build any full-stack app (React server components, app directory, route handlers, etc)
Best & advanced practices for fetching data using Next 13 in real-world applications using React Server Components
How to create a fully-functional shopping cart that can add, remove and delete items from customers’ carts
The fastest way to deploy any Next/React project with Vercel (for free)!
Requirements
Good understanding of modern JavaScript
Comfortable with React and React core concepts
Familiarity with Next helpful, but not required
Description
In this fullstack project, you will learn how to build and deploy an impressive, e-commerce app made with Next 13, Sanity, Stripe, and more from start to finish. This project has EVERY major feature you would expect from a modern e-commerce app, such as: an attractive and accessible user interface, a powerful shopping cart, where customers can add, update and remove items from their cart, the ability to sort products by different criteria, such as price and date, an advanced filter component, that enables users to select products according to properties such as category, size, and color, as well as a full-text search to find any product with ease.What Will The App FeatureCustomers will be able to choose products from a range of sizes and view different product images through a custom image gallery that you’ll create for each item. And when customers are ready to check out, they can review and manage items in their cart, see and change the running total with shipping costs, and then purchase their items through our own custom Stripe checkout page. And to top it off, our app will have a fully responsive design for any size device.What You Will LearnAlong the way, you will learn a ton of core Next 13 features, such as React Server Components with lots of data fetching patterns as well as route handlers for server side requests. You will see how to manage your product data within your application, using Sanity with your own custom studio, as well as how to describe data through schemas, and query that data using the groq query language. After that, you will learn how to charge customers for their products with Stripe using Stripe Checkout, add shipping costs, send invoices and retrieve information from customers’ purchases and finally, when our app is ready, you’ll push your app to the web using Vercel.Ready to get started? Let’s dive in and build an epic e-commerce app!
Who this course is for
Intermediate React developers looking for real-world projects to build
Web developers looking for beautiful, practical projects to add to their portfolio
Entrepreneurs looking for a solid guide to build their future business
Password/解压密码www.tbtos.com
转载请注明：0daytown » Build an E-Commerce App with Next.js 13, Stripe, & Sanity