Next.js 15 Full Tutorial - Beginner to Advanced

04:09 Hello World
07:15 Project Structure
11:27 Before We Start
13:13 Routing
18:57 Nested Routes
21:50 Dynamic Routes
27:49 Nested Dynamic Routes
31:23 Catch-all Segments
37:32 Not Found Page
42:45 File Colocation
45:33 Private Folders
48:16 Route Groups
52:09 Layouts
56:33 Nested Layouts
01:00:25 Multiple Root Layouts
01:03:45 Routing Metadata
01:11:46 title Metadata
01:14:53 Linking Component Navigation
01:19:50 Active Links
01:23:41 params and searchParams
01:29:16 Navigating Programmatically
01:33:11 Templates
01:36:56 Loading UI
01:40:06 Error Handling
01:45:08 Recovering from Errors
01:47:55 Handling Errors in Nested Routes
01:49:59 Handling Errors in Layouts
01:52:06 Handling Global Errors
01:57:31 Parallel Routes
02:05:59 Unmatched Routes
02:12:15 Conditional Routes
02:14:52 Intercepting Routes
02:28:09 Parallel Intercepting Routes
02:33:44 Route Handlers
02:39:27 GET Request
02:42:17 POST Request
02:45:45 Dynamic Route Handlers
02:49:14 PATCH Request
02:52:18 DELETE Request
02:55:04 URL Query Parameters
02:57:58 Headers in Route Handlers
03:03:35 Cookies in Route Handlers
03:06:58 Redirects in Route Handlers
03:08:25 Caching in Route Handlers
03:12:44 Middleware
03:18:55 Rendering
03:20:15 Client-side Rendering (CSR)
03:23:28 Server-side Rendering (SSR)
03:28:17 Suspense SSR
03:34:44 React Server Components
03:41:14 Server and Client Components
03:47:27 Rendering Lifecycle in RSCs
03:50:57 Static Rendering
04:02:04 Dynamic Rendering
04:06:46 generateStaticParams
04:12:05 dynamicParams
04:15:39 Streaming
04:18:26 Server and Client Composition Patterns
04:19:28 Server-only Code
04:24:31 Third Party Packages
04:29:18 Context Providers
04:34:21 Client-only Code
04:38:31 Client Component Placement
04:43:20 Interleaving Server and Client Components
04:51:26 Data Fetching
04:52:55 Fetching Data in Client Components
04:57:02 Fetching Data with Server Components
05:01:16 Loading and Error States
05:04:09 Sequential Data Fetching
05:09:30 Parallel Data Fetching
05:15:20 Fetching From a Database
05:21:47 Data Mutations
05:24:54 Forms with Server Actions
05:30:43 useFormStatus Hook
05:34:14 useActionState Hook
05:41:04 Separating Server Actions
05:44:32 useFormStatus vs useActionState
05:46:03 Update Server Action
05:54:51 Delete Server Action
05:58:17 Optimistic Updates with useOptimistic Hook
06:04:30 Form Component
06:12:06 Authentication
06:14:26 Clerk Setup
06:17:19 Sign in and Sign out
06:20:18 Profile Settings
06:23:22 Conditional UI Rendering
06:24:52 Protecting Routes
06:28:45 Read Session and User Data
06:33:43 Role Based Access Control
06:44:49 Customizing Clerk Components

[Codevolution]

Many of you asked, so I've combined all 92 videos into one 7 hour video for easier viewing. Use the timestamps in the description to jump to specific sections!

[ankitkr]

one of the best course on Youtube even You will not find this type of course anywhere thanks a lot man

[WWCode]

00:00 Introduction to Next.js
04:09 Hello World
07:15 Project Structure
11:27 Before We Start
13:13 Routing
18:57 Nested Routes
21:50 Dynamic Routes
27:49 Nested Dynamic Routes
31:23 Catch-all Segments
37:32 Not Found Page
42:45 File Colocation
45:33 Private Folders
48:16 Route Groups
52:09 Layouts
56:33 Nested Layouts
01:00:25 Multiple Root Layouts
01:03:45 Routing Metadata
01:11:46 title Metadata
01:14:53 Linking Component Navigation
01:19:50 Active Links
01:23:41 params and searchParams
01:29:16 Navigating Programmatically
01:33:11 Templates
01:36:56 Loading UI
01:40:06 Error Handling
01:45:08 Recovering from Errors
01:47:55 Handling Errors in Nested Routes
01:49:59 Handling Errors in Layouts
01:52:06 Handling Global Errors
01:57:31 Parallel Routes
02:05:59 Unmatched Routes
02:12:15 Conditional Routes
02:14:52 Intercepting Routes
02:28:09 Parallel Intercepting Routes
02:33:44 Route Handlers
02:39:27 GET Request
02:42:17 POST Request
02:45:45 Dynamic Route Handlers
02:49:14 PATCH Request
02:52:18 DELETE Request
02:55:04 URL Query Parameters
02:57:58 Headers in Route Handlers
03:03:35 Cookies in Route Handlers
03:06:58 Redirects in Route Handlers
03:08:25 Caching in Route Handlers
03:12:44 Middleware
03:18:55 Rendering
03:20:15 Client-side Rendering (CSR)
03:23:28 Server-side Rendering (SSR)
03:28:17 Suspense SSR
03:34:44 React Server Components
03:41:14 Server and Client Components
03:47:27 Rendering Lifecycle in RSCs
03:50:57 Static Rendering
04:02:04 Dynamic Rendering
04:06:46 generateStaticParams
04:12:05 dynamicParams
04:15:39 Streaming
04:18:26 Server and Client Composition Patterns
04:19:28 Server-only Code
04:24:31 Third Party Packages
04:29:18 Context Providers
04:34:21 Client-only Code
04:38:31 Client Component Placement
04:43:20 Interleaving Server and Client Components
04:51:26 Data Fetching
04:52:55 Fetching Data in Client Components
04:57:02 Fetching Data with Server Components
05:01:16 Loading and Error States
05:04:09 Sequential Data Fetching
05:09:30 Parallel Data Fetching
05:15:20 Fetching From a Database
05:21:47 Data Mutations
05:24:54 Forms with Server Actions
05:30:43 useFormStatus Hook
05:34:14 useActionState Hook
05:41:04 Separating Server Actions
05:44:32 useFormStatus vs useActionState
05:46:03 Update Server Action
05:54:51 Delete Server Action
05:58:17 Optimistic Updates with useOptimistic Hook
06:04:30 Form Component
06:12:06 Authentication
06:14:26 Clerk Setup
06:17:19 Sign in and Sign out
06:20:18 Profile Settings
06:23:22 Conditional UI Rendering
06:24:52 Protecting Routes
06:28:45 Read Session and User Data
06:33:43 Role Based Access Control
06:44:49 Customizing Clerk Components
06:51:23 Deploying Next.js Apps

[SalmanulfarisP-ek]

"I've been eagerly waiting for this tutorial! Your content is always top-notch and makes learning so much easier and enjoyable. Thank you for sharing your knowledge and helping us grow. Keep up the amazing work! 🔥🙌"

[touseefghazanfar]

I love the way you explain everything in simple and detail manner.

[jayantd]

I have seen many videos on NextJS - but this is indeed the best course. I love your approach and explanations. Thank you Vishwas for putting this together. I look forward to many more such videos from you.

[frontend_ko]

Thank you for your effort in studying the Next.js docs to make this video

[Ossigen]

i've wathced almost the entire course (i'm at the 5th hour) and i'm devouring it fr !, i like the way you explain things out, if i don't understand something i just search it up online more deeply to understand it

[derelicts]

I was just thinking about your refreshed next js 15 course with individual videos and you do this..

Thank you for doing this, you are great!

[faiyzirfan]

i Kid you not i was so worried because i couldnt find a courrse that could teach in so easy understandable way for a newbie like me I appreciate your wwork so muchhh

[tatoElpaisa]

The more I learn Next and React, the more I fall in love with SvelteKit/Svelte.

[Free-st]

00:00 Introduction to Next.js
04:09 Hello World
07:15 Project Structure
11:27 Before We Start
13:13 Routing
18:57 Nested Routes
21:50 Dynamic Routes
27:49 Nested Dynamic Routes
31:23 Catch-all Segments
37:32 Not Found Page
42:45 File Colocation
45:33 Private Folders
48:16 Route Groups
52:09 Layouts
56:33 Nested Layouts
01:00:25 Multiple Root Layouts
01:03:45 Routing Metadata
01:11:46 title Metadata
01:14:53 Linking Component Navigation
01:19:50 Active Links
01:23:41 params and searchParams
01:29:16 Navigating Programmatically
01:33:11 Templates
01:36:56 Loading UI
01:40:06 Error Handling
01:45:08 Recovering from Errors
01:47:55 Handling Errors in Nested Routes
01:49:59 Handling Errors in Layouts
01:52:06 Handling Global Errors
01:57:31 Parallel Routes
02:05:59 Unmatched Routes
02:12:15 Conditional Routes
02:14:52 Intercepting Routes
02:28:09 Parallel Intercepting Routes
02:33:44 Route Handlers
02:39:27 GET Request
02:42:17 POST Request
02:45:45 Dynamic Route Handlers
02:49:14 PATCH Request
02:52:18 DELETE Request
02:55:04 URL Query Parameters
02:57:58 Headers in Route Handlers
03:03:35 Cookies in Route Handlers
03:06:58 Redirects in Route Handlers
03:08:25 Caching in Route Handlers
03:12:44 Middleware
03:18:55 Rendering
03:20:15 Client-side Rendering (CSR)
03:23:28 Server-side Rendering (SSR)
03:28:17 Suspense SSR
03:34:44 React Server Components
03:41:14 Server and Client Components
03:47:27 Rendering Lifecycle in RSCs
03:50:57 Static Rendering
04:02:04 Dynamic Rendering
04:06:46 generateStaticParams
04:12:05 dynamicParams
04:15:39 Streaming
04:18:26 Server and Client Composition Patterns
04:19:28 Server-only Code
04:24:31 Third Party Packages
04:29:18 Context Providers
04:34:21 Client-only Code
04:38:31 Client Component Placement
04:43:20 Interleaving Server and Client Components
04:51:26 Data Fetching
04:52:55 Fetching Data in Client Components
04:57:02 Fetching Data with Server Components
05:01:16 Loading and Error States
05:04:09 Sequential Data Fetching
05:09:30 Parallel Data Fetching
05:15:20 Fetching From a Database
05:21:47 Data Mutations
05:24:54 Forms with Server Actions
05:30:43 useFormStatus Hook
05:34:14 useActionState Hook
05:41:04 Separating Server Actions
05:44:32 useFormStatus vs useActionState
05:46:03 Update Server Action
05:54:51 Delete Server Action
05:58:17 Optimistic Updates with useOptimistic Hook
06:04:30 Form Component
06:12:06 Authentication
06:14:26 Clerk Setup
06:17:19 Sign in and Sign out
06:20:18 Profile Settings
06:23:22 Conditional UI Rendering
06:24:52 Protecting Routes
06:28:45 Read Session and User Data
06:33:43 Role Based Access Control
06:44:49 Customizing Clerk Components
06:51:23 Deploying Next.js Apps

[nbjr]

Thank you man, this is the one of the best course i have seen... Please keep doing turorials like this.

[shahnawazk]

Awesome! I just want to say this is one of the complete NEXTJs guide out there. Vishwas you did an amazing job. Keep it up! I learn a lot from this.

[ahmedsobhi]

Thank You for Your Efforts & Request for a ChadCN Course

I hope you’re doing well. I just wanted to take a moment to sincerely thank you for the incredible effort you put into your content. Your explanations are always clear and to the point, making even complex topics easy to understand. I truly appreciate the variety of topics you cover, as they have been incredibly valuable to me.

I’ve been waiting for a course on ChadCN for a long time, and I believe your teaching style would make it much easier to grasp. If you ever consider creating one, I would be very excited to follow it.

Thanks again for your hard work, and I look forward to more of your amazing content!

[johnreydecosta]

You made me a professional next js dev in just 6 hrs thanks

[queenofsheba]

🤔 Some folks might wonder why params is a Promise — especially since most examples show it as a simple object like { params: { productId: string } }. But when you're using features like generateStaticParams() or certain data-fetching setups in the App Router, Next.js wraps params in a Promise behind the scenes. That’s why it needs to be awaited inside an async function. I saw a comment saying this usage was wrong — but actually, this is the correct way. If you skip the await, it throws a server-side error, even though the page might still render fine on the client.

[PythonAbyss]

Awesome I finally catch one of your tutorials that is not 2 years old. Thanks

[satis_btc]

wow! so far the best next.js 15 course out here, everyone is just making "useful" production ready apps with libraries like prisma, next-auth, sanity... it doesn't really interest me because 1/3 of it is just configuring libraries, except for really learning what I want to learn, aka the new version of next.js

[maxwong]

Great tutorial! It's the best Nextjs tutorial! Thank you so much for make such a detailed tutorial! looking forward to more tutorials!