Chapter 1 - Next.js 14 Basics
Chapter 2 - Caching, Data Fetching and Mutations
Chaper 3 - Tailwind and shad/cn
Chapter 4 - Authentication with Next-Auth V5
-
1.Which Auth Solution To Use? (4:43)
-
2. Next-Auth V5 (7:32)
-
3.Setting Up Google and Github Providers (4:56)
-
4. Save Users With Drizzle Adapter to your DB (7:30)
-
5.Creating Our Navbar (8:56)
-
6. Sign In Button (4:42)
-
7.Login Page (18:10)
-
8.Styling Our Login Page (10:32)
-
9. React-Hook-Form + Zod Part 1 (11:10)
-
10. React-Hook-Form + Zod Part 2 (12:12)
-
11.Creating Our Sign In Action (7:20)
-
12.Form Error and Success Components (8:58)
-
13.Creating Our Register Page (12:24)
-
14.Register Action (12:32)
-
15.Email Token Drizzle Schema (5:00)
-
16.Generate Verification Tokens (14:01)
-
17.Resend (15:16)
-
18. Confirm Users Email Address (13:20)
-
19. Login Authorize (14:40)
Chapter 3 - Next.js LEGACY
Chapter 4 - Tailwind CSS LEGACY
Chapter 5 - E-Commerce Project LEGACY
-
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 LEGACY
2. Strapi Setup DEPRICATED (UPDATE SOON).
3. Next JS Intro DEPRICATED (UPDATE SOON).
