Chapter 1 - Introduction
Chapter 2 - React Refresher
Chapter 3 - Next.js
Chapter 4 - Tailwind CSS
Chapter 5 - E-Commerce Project
-
1. Getting Started (0:36)
-
2. Setting up Next with Tailwind (6:01)
-
3. Prisma Schemas (15:34)
-
4. Next Auth With Prisma (21:38)
-
5. Creating A Stripe Customer (15:51)
-
6. Creating our Navbar (23:16)
-
7. Fetching Stripe Products (16:31)
-
8. Formatting Prices (10:10)
-
9. Styling our home page (9:50)
-
10. Product Description Page (23:00)
-
11. State Managment With Zustand (16:17)
-
12. Adding Products to Cart (26:39)
-
13. Cart UI (9:57)
-
14. Adding and Removing Products (12:10)
-
15. Empty Carts (4:44)
-
16. Adding Google Fonts (6:02)
-
17. Total Price Format (4:03)
-
18. Framer Motion (16:09)
-
19. Keeping It Mobile Friendly (3:34)
-
20. Getting Started with Stripe (17:10)
-
21. Stripe Order Data (26:56)
-
22. Saving orders (32:48)
-
23. Rendering Stripe Form (30:33)
-
24. Success Page (28:36)
-
25. Stripe Webhooks (26:46)
-
26. Dashboard Page (30:19)
-
27. More Dashboard Styling (6:57)
-
26. Lottie Animations (11:09)
-
27. Daisy UI (17:21)
-
28. Adding a dropdown (10:01)
-
29. Dark Light Mode (18:04)
-
30. Stripe Darkmode (13:14)
-
31. Adding Different Fonts (3:55)
Chapter 6 - Deployment
2. Strapi Setup DEPRICATED (UPDATE SOON).
3. Next JS Intro DEPRICATED (UPDATE SOON).
