Course Curriculum
| Introduction |
|
Introduction to Next.js |
|
00:02:00 |
|
What You Will Learn in This Course? |
|
00:02:00 |
|
Key Features |
|
00:03:00 |
|
Downsides of React.js |
|
00:03:00 |
|
Course Materials |
|
00:00:00 |
| Setup and Installation |
|
VS Code Installation |
|
00:02:00 |
|
Node.js and Npm Installation |
|
00:03:00 |
|
Installation of Next.js |
|
00:06:00 |
|
Folder Structure |
|
00:06:00 |
| Next.js Basics |
|
Types of Exports |
|
00:03:00 |
|
Components |
|
00:05:00 |
|
Client Components |
|
00:04:00 |
|
Rendering |
|
00:03:00 |
| React Hooks |
|
useState |
|
00:04:00 |
|
useEffect |
|
00:04:00 |
|
useMemo |
|
00:04:00 |
| Routing in Next.js |
|
Routing |
|
00:03:00 |
|
Link Routing |
|
00:02:00 |
|
Exercise |
|
00:04:00 |
|
Nested Routing |
|
00:05:00 |
| Layout.js |
|
Common Layouts vs Conditional Layouts |
|
00:02:00 |
|
Basic Layout |
|
00:04:00 |
|
Conditional Layout |
|
00:02:00 |
|
Middleware |
|
00:07:00 |
| API Integration |
|
Client-Side APIs |
|
00:04:00 |
|
Server-Side APIs |
|
00:03:00 |
|
Client Components vs Server Components |
|
00:03:00 |
| Optimization and Styling in Next.js |
|
Image Optimization |
|
00:05:00 |
|
SEO |
|
00:05:00 |
|
Basic Styling |
|
00:05:00 |
| Conclusion |
|
Conclusion |
|
00:02:00 |