7- Client and Server Components | Code with Mosh

Show Sidebar

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Mastering Next.js 13 with TypeScript

Getting Started (5m)

1- Introduction (2:21)
2- Prerequisites (1:03)
3- Course Overview (1:24)
4- Source Code
5- Questions and Support
6- Connect with Me
7- Learning Paths

Next.js Fundamentals (36m)

1- Introduction (0:38)
2- What is Next.js (2:40)
3- Setting Up the Development Environment (1:24)
4- Creating Your First Next.js Project (2:21)
5- Project Structure (2:49)
6- Routing and Navigation (5:15)
7- Client and Server Components (8:12)
8- Data Fetching (6:04)
9- Caching (2:24)
10- Static and Dynamic Rendering (4:08)
11- Summary

Styling (23m)

1- Introduction (0:20)
2- Global Styles (2:34)
3- CSS Modules (4:26)
4- Tailwind CSS (7:39)
5- DaisyUI (7:16)
6- Summary

Routing and Navigation (50m)

1- Introduction (0:26)
2- Routing Overview (3:53)
3- Dynamic Routes (3:59)
4- Catch-all Segments (2:53)
5- Accessing Query String Parameters (7:08)
6- Layouts (8:10)
7- Navigation (3:28)
8- Programmatic Navigation (3:10)
9- Showing Loading UIs (6:14)
10- Handling Not Found Errors (2:40)
11- Handling Unexpected Errors (7:19)
12- Summary

Building APIs (28m)

1- Introduction (0:36)
2- Getting a Collection of Objects (3:14)
3- Getting a Single Object (3:19)
4- Creating an Object (4:37)
5- Updating an Object (4:24)
6- Deleting an Object (2:05)
7- Validating Requests with Zod (4:16)
8- Exercise- Building Products API (4:58)
9- Summary

Database Integration with Prisma (37m)

1- Introduction (0:44)
2- Installing MySQL (1:58)
3- Setting Up Prisma (4:57)
4- Defining Models (4:00)
5- Creating Migrations (5:44)
6- Creating a Prisma Client (2:49)
7- Getting Data (4:14)
8- Creating Data (4:18)
9- Updating Data (2:26)
10- Deleting Data (1:24)
11- Exercise- Storing Products in DB (3:30)
12- Summary

Uploading Files (15m)

1- Introduction (0:15)
2- Choosing a Cloud Platform (1:04)
3- Setting Up Cloudinary (1:52)
4- Uploading Files (4:35)
5- Showing Uploaded Images (4:38)
6- Customizing the Upload Widget (1:53)
7- Summary

Authentication with Next Auth (56m)

1- Introduction (0:56)
2- Setting Up Next Auth (4:38)
3- Configuring Google Provider (11:21)
4- Understanding Authentication Sessions (3:29)
5- Accessing Sessions on the Client (6:14)
6- Accessing Session on the Server (1:55)
7- Signing Out Users (1:19)
8- Protecting Routes (5:15)
9- Database Adapters (6:38)
10- Configuring CredentialsProvider (7:11)
11- Registering Users (7:13)
12- Additional Reading
13- Exercises
14- Summary

Sending Emails (15m)

1- Introduction (0:15)
2- Setting Up React Email (2:26)
3- Creating an Email Template (2:06)
4- Previewing Emails (2:10)
5- Styling Emails (3:09)
6- Sending Emails (4:34)
7- Sending Emails

Optimizations (37m)

1- Introduction (0:25)
2- Optimizing Images (11:33)
3- Using Third-party Scripts (4:55)
4- Using Fonts (6:50)
5- Search Engine Optimization (2:46)
6- Lazy Loading (10:37)
7- Summary

Deployment (19m)

1- Introduction (0:15)
2- Preparing for Production (5:27)
3- Pushing the Code to GitHub (3:06)
4- Deploying to Vercel (3:44)
5- Troubleshooting Deployment Errors (4:10)

Conclusion

1- Course Wrap Up (0:25)
2- Course Summary
3- What's Next
4- Feedback

7- Client and Server Components

Complete and Continue