Autoplay
Autocomplete
Previous Lecture
Complete and Continue
The Full Stack React Course
1. Project Introduction
First Lecture
1.Our Project Intro (2:14)
2.Getting Started With Github (2:29)
3.Tech That We Will Use (4:43)
2. Strapi Setup
Intro
1.Setting Up Strapi (7:59)
2.Creating a product (3:24)
3.Adding GraphQl (5:52)
4.Cloudinary Integration (9:19)
5.Heading over to the Front End (2:11)
3. Next JS Intro
1.Intro to Next.js Files (5:20)
2.Routing System in Next.js (7:03)
4. Building out the E-Commerce Website
1.Loading Our Data on the Frontend (10:24)
2.Creating our first component (12:30)
3. Adding Styled Components (12:43)
4.Building Dynamic Pages (11:30)
5.Styling up our Product Details (10:51)
6.Adding Navigation Between Pages (14:21)
7.Fixing Server Class Styling (2:10)
8.Adding Our Global State (16:57)
9.Adding our Products to Cart (10:31)
10. Creating our Cart (21:05)
11.Toggling our Cart (5:16)
12.Add Remove Items from Cart (9:39)
13.Total Price and Quantities (12:23)
14. Adding Framer Motion (14:25)
15.Staggering Animations (7:04)
16.Layout Animation (3:19)
17.Setting Up Stripe (11:05)
18.Sending a Payment (17:18)
19.Adding More to Checkout (7:39)
20.Fixing our coupons (2:57)
21.Success Page (28:34)
22.Adding Auth0 (14:29)
23.Adding the User (7:39)
24. Linking Auth0 to Stripe (8:53)
25.Profile Page (10:23)
26.Format Money (5:43)
27.Checkout With and Without Auth (5:09)
28.React Hot Toast (4:04)
29.Quality of life Improvements (4:56)
Deployment
30.Backend Deployment (14:28)
31.Front End Deployment (13:11)
6.Adding Navigation Between Pages
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock