Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Next.js - The Complete Guide to Modern Web Framework
Getting Started
What is Next.js? (4:26)
Welcome (2:35)
Create the First Next.js Application (13:35)
Next.js Fundamentals
Server Component Logic and File Structure (8:19)
Creating Routes and Using the Link Component (9:32)
Creating and Using Components With Next (12:10)
Create Dynamic Routes (11:03)
Project Introduction (3:33)
Project Creation & Creating Routes (14:48)
Creation of the Application Layout and Header Component (14:07)
Let’s Start Using Module CSS in Our Project (12:12)
Creating the Home Page and Slides Component (12:13)
Components Types In Next (6:04)
Active Link Building (5:25)
Fetching Data (12:09)
Client and Server Components Optimization (10:15)
Adding a Loading Page (7:31)
Error Page (8:08)
Not Found Page (3:23)
Page Creation With Dynamic Route (12:43)
Share Page (7:13)
Create Custom Image Picker (18:16)
Using Server Action (10:40)
Application Optimization with useFormStatus Hook (7:18)
Input Validation & useFormState Hook (14:32)
Alternative Error Handling (4:52)
Metadata (17:29)
Section Summary (6:13)
Quiz
Advanced Next.js
Section Overview (1:49)
Project Setup (11:34)
Project Presentation (6:45)
Create Pages with Fake Data (12:26)
Handling Not Found Page (4:05)
Working With Parallel Routes (7:30)
Rendering Nested Routes & Parallel Routes (14:12)
Simplify Pages With MovieCard Component (5:57)
Catch All Routes (7:00)
Multiple Path With Catch All Route (17:02)
Error Page & Editing Main-Header Component (11:39)
Programmatic Routing (6:57)
Route Groups (14:09)
Managing API Requests With Route File (5:25)
Using Middleware in Next (6:46)
Quiz
Data Fetching in Next.js
Section Overview (2:25)
Client Side Data Fetching (21:31)
Data Fetching Optimization in Client Components (7:37)
Server-Side Data Fetching in Next.js (6:38)
Data Fetching Optimization and Loading Component (4:40)
Migration of My Favorite Route to TMDB API - 1 (6:21)
Migration of My Favorite Route to TMDB API - 2 (3:04)
Lets Move Dynamic Pages of the Application to TMDB API (17:02)
Use of the Suspense Component (10:00)
Quiz
Authentication with Firebase
Integrate Firebase Into the Application (15:02)
What is Firebase (8:10)
Sign Up Page (14:11)
Sign In Page (5:37)
Logout (8:07)
Quiz
Pages Router
Let’s Start an Application With Pages Router (12:03)
Pages Router (5:07)
Working With Nested Routes & Dynamic Routes (8:42)
Using Nested Dynamic Routes (8:51)
Catch All Routes & Link Component (8:20)
Programmatic Navigation (5:46)
Adding a Custom Not Found Page (1:51)
Quiz
Pre Rendering and Data Fetching with Pages Router
Section Overview (0:38)
Static Rendering & Server Side Rendering (6:30)
getStaticProps (9:37)
Let's Compile Component Server with Filesystem (10:27)
Incremental Static Generation (ISR) (8:45)
notFound & Redirect (3:44)
Working With Dynamic Pages (9:19)
Using "getStaticPaths" (13:21)
Fallback & notFound (7:59)
getServerSideProps (5:48)
Dynamic Pages with getServerSideProps (13:41)
Why We Need Client Side Data Fetching (3:09)
Client Side Data Fetching Using Firebase (18:35)
Quiz
Travel Project
Start the Project & Create the Pages and Fake Data (9:54)
Project Overview (2:41)
Create Tour Components (4:50)
Using Tour Data in Components and Style Operation (12:26)
Creating the Button Component & Start Creating Detail Page (8:23)
Create Detail Page Components (13:40)
Create a General Layout Wrapper (6:09)
All Tour Page & Creating a Form for Tour Filtering (10:15)
Programmatic Page Navigation by Filtering Tours (8:13)
Let's Make Data Controls on the Page with Filtered Tours (12:31)
Show Filtered Tours in Catch-All Page (6:40)
Create a Real Time Database Using Firebase (5:10)
Let's Create Home Page According to Static Side Generation (9:18)
Let's Recreate Tour Detail Page Component with Firebase Data (10:53)
Optimizing Data Fetching (6:41)
All Tour Page & Catch All Routes Page (12:39)
Section Summary (10:00)
Let's Make Data Controls on the Page with Filtered Tours
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock