1. Let's get started with Next | developedbyed | Creative Programming

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Ultimate Next.js Course 2024 Edition

Chapter 1 - Next.js 14 Basics

1. Project Introduction (9:06)
2.Setting Up Node (3:11)
3.Project Structure (5:57)
4.Routing (5:20)
5.Layout (5:18)
6.Page Component (10:00)
7.Route Groups (1:44)
8.Parallel Routes (3:16)
9.Loading Page (1:20)
10.Error Page (1:21)
11.Route Handlers (2:08)
12.Middleware (2:48)

Chapter 2 - Caching, Data Fetching and Mutations

1. Caching (7:14)
2.Setting up NeonDB with Drizzle (4:41)
3. Schemas and Migrations (7:00)
4.Server Actions (6:32)
5.Mutating and Revalidating (5:29)
7.Progressively Enhanced Forms (4:02)

Chaper 3 - Tailwind and shad/cn

1. Tailwind Intro (8:25)
2. Tailwind Config and extensions (3:09)
3.Layers and components (2:30)
4.Adding shadcn to our project (6:18)

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)

Chapter 3 - Next.js LEGACY

1. Let's get started with Next (1:13)
2. Installing Next.js (3:08)
3. Page Routes (8:43)
4. Client Side vs Server Side and Static Generation (11:32)
4. CSR VS SSR VS SSG Example (14:12)
5. Api Routes (6:38)

Chapter 4 - Tailwind CSS LEGACY

1. Different Styling Options (10:05)
2. Basics of Tailwind (9:13)
3. Mobile First Approach (6:57)
4. Apply Feature (2:15)
5. Pseudo Classes (1:33)
6. Making it your own (2:30)

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

1. Quick Fixes before Production (8:59)
2. Pushing to Vercel (14:45)

2. Strapi Setup DEPRICATED (UPDATE SOON).

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 DEPRICATED (UPDATE SOON).

1.Intro to Next.js Files (5:20)
2.Routing System in Next.js (7:03)

Teach online with

1. Let's get started with Next

Complete and Continue

Discussion

0 comments