Next.js 15 Tutorial, Beginner to Advanced (Codevolution)
By Codevolution
- Course audio
- Course audio: English
- Level
- Intermediate
- Length
- 92 lessons · 7.1 hours
What you'll be able to do
- Build App Router routes, layouts and dynamic segments
- Write route handlers and middleware
- Choose between server and client components and rendering strategies
- Handle forms with server actions, add authentication and deploy to Vercel
About this course
Codevolution's Next.js 15 course, 92 concise lessons and about 7 hours, built entirely on the modern App Router. It covers project structure, routing, nested and dynamic routes, catch-all segments, not-found pages, private folders, route groups, layouts, metadata, Link and active links, params and searchParams, templates, loading and error UI, parallel and intercepting routes. Route handlers are taught with GET, POST, PATCH and DELETE, query parameters, headers, cookies, redirects, caching and middleware. The rendering section explains CSR, SSR, React Server Components, static and dynamic rendering and streaming, followed by data fetching, server actions with useFormStatus and useActionState, optimistic updates, Clerk authentication with role-based access, and deployment to Vercel.
Before you start: Solid React and JavaScript basics.
Syllabus
92 lessons · 7:03:01 in total
- 1Next.js 15 Tutorial - 1 - Introduction4:16
- 2Next.js 15 Tutorial - 2 - Hello World3:12
- 3Next.js 15 Tutorial - 3 - Project Structure4:19
- 4Next.js 15 Tutorial - 4 - Before We Start1:51
- 5Next.js 15 Tutorial - 5 - Routing5:50
- 6Next.js 15 Tutorial - 6 - Nested Routes2:58
- 7Next.js 15 Tutorial - 7 - Dynamic Routes6:05
- 8Next.js 15 Tutorial - 8 - Nested Dynamic Routes3:39
- 9Next.js 15 Tutorial - 9 - Catch all Segments6:15
- 10Next.js 15 Tutorial - 10 - Not Found Page5:19
- 11Next.js 15 Tutorial - 11 - File Colocation2:53
- 12Next.js 15 Tutorial - 12 - Private Folders2:49
- 13Next.js 15 Tutorial - 13 - Route Groups3:59
- 14Next.js 15 Tutorial - 14 - Layouts4:30
- 15Next.js 15 Tutorial - 15 - Nested Layouts3:57
- 16Next.js 15 Tutorial - 16 - Multiple Root Layouts3:26
- 17Next.js 15 Tutorial - 17 - Routing Metadata8:08
- 18Next.js 15 Tutorial - 18 - title Metadata3:12
- 19Next.js 15 Tutorial - 19 - Link Component5:03
- 20Next.js 15 Tutorial - 20 - Active Links3:57
- 21Next.js 15 Tutorial - 21 - params and searchParams5:42
- 22Next.js 15 Tutorial - 22 - Navigating Programmatically4:01
- 23Next.js 15 Tutorial - 23 - Templates3:51
- 24Next.js 15 Tutorial - 24 - Loading UI3:16
- 25Next.js 15 Tutorial - 25 - Error Handling5:08
- 26Next.js 15 Tutorial - 26 - Recovering from Errors2:53
- 27Next.js 15 Tutorial - 27 - Handling Errors in Nested Routes2:10
- 28Next.js 15 Tutorial - 28 - Handling Errors in Layouts2:13
- 29Next.js 15 Tutorial - 29 - Handling Global Errors5:31
- 30Next.js 15 Tutorial - 30 - Parallel Routes8:34
Show all 92 lessons
- 31Next.js 15 Tutorial - 31 - Unmatched Routes6:22
- 32Next.js 15 Tutorial - 32 - Conditional Routes2:43
- 33Next.js 15 Tutorial - 33 - Intercepting Routes13:23
- 34Next.js 15 Tutorial - 34 - Parallel Intercepting Routes5:40
- 35Next.js 15 Tutorial - 35 - Route Handlers5:49
- 36Next.js 15 Tutorial - 36 - Handling GET Requests2:55
- 37Next.js 15 Tutorial - 37 - Handling POST Requests3:35
- 38Next.js 15 Tutorial - 38 - Dynamic Route Handlers3:35
- 39Next.js 15 Tutorial - 39 - Handling PATCH Requests3:09
- 40Next.js 15 Tutorial - 40 - Handling DELETE Requests2:52
- 41Next.js 15 Tutorial - 41 - URL Query Parameters2:59
- 42Next.js 15 Tutorial - 42 - Headers in Route Handlers5:42
- 43Next.js 15 Tutorial - 43 - Cookies in Route Handlers3:29
- 44Next.js 15 Tutorial - 44 - Redirects in Route Handlers1:33
- 45Next.js 15 Tutorial - 45 - Caching in Route Handlers4:24
- 46Next.js 15 Tutorial - 46 - Middleware6:17
- 47Next.js 15 Tutorial - 47 - Rendering1:26
- 48Next.js 15 Tutorial - 48 - Client-side Rendering (CSR)3:19
- 49Next.js 15 Tutorial - 49 - Server-side Rendering (SSR)4:55
- 50Next.js 15 Tutorial - 50 - Suspense SSR6:33
- 51Next.js 15 Tutorial - 51 - React Server Components6:36
- 52Next.js 15 Tutorial - 52 - Server and Client Components6:19
- 53Next.js 15 Tutorial - 53 - RSC Rendering Lifecycle3:36
- 54Next.js 15 Tutorial - 54 - Static Rendering11:13
- 55Next.js 15 Tutorial - 55 - Dynamic Rendering4:48
- 56Next.js 15 Tutorial - 56 - generateStaticParams5:25
- 57Next.js 15 Tutorial - 57 - dynamicParams3:40
- 58Next.js 15 Tutorial - 58 - Streaming2:53
- 59Next.js 15 Tutorial - 59 - Server and Client Composition Patterns1:07
- 60Next.js 15 Tutorial - 60 - Server-only Code5:09
- 61Next.js 15 Tutorial - 61 - Third Party Packages4:53
- 62Next.js 15 Tutorial - 62 - Context Providers5:09
- 63Next.js 15 Tutorial - 63 - Client-only Code4:16
- 64Next.js 15 Tutorial - 64 - Client Component Placement4:55
- 65Next.js 15 Tutorial - 65 - Interleaving Server and Client Components8:13
- 66Next.js 15 Tutorial - 66 - Data Fetching1:35
- 67Next.js 15 Tutorial - 67 - Fetching Data in Client Components4:12
- 68Next.js 15 Tutorial - 68 - Fetching Data in Server Components4:21
- 69Next.js 15 Tutorial - 69 - Loading and Error States2:58
- 70Next.js 15 Tutorial - 70 - Sequential Data Fetching5:27
- 71Next.js 15 Tutorial - 71 - Parallel Data Fetching5:56
- 72Next.js 15 Tutorial - 72 - Fetching from a Database6:33
- 73Next.js 15 Tutorial - 73 - Data Mutations3:13
- 74Next.js 15 Tutorial - 74 - Forms with Server Actions5:55
- 75Next.js 15 Tutorial - 75 - Pending State with useFormStatus3:36
- 76Next.js 15 Tutorial - 76 - Form Validation with useActionState6:56
- 77Next.js 15 Tutorial - 77 - Separating Server Actions3:33
- 78Next.js 15 Tutorial - 78 - useFormStatus vs useActionState1:37
- 79Next.js 15 Tutorial - 79 - Update Server Action8:54
- 80Next.js 15 Tutorial - 80 - Delete Server Action3:32
- 81Next.js 15 Tutorial - 81 - Optimistic Updates6:18
- 82Next.js 15 Tutorial - 82 - Form Component7:42
- 83Next.js 15 Tutorial - 83 - Authentication2:26
- 84Next.js 15 Tutorial - 84 - Clerk Setup2:59
- 85Next.js 15 Tutorial - 85 - Sign in and Sign out3:05
- 86Next.js 15 Tutorial - 86 - Profile Settings3:09
- 87Next.js 15 Tutorial - 87 - Conditional UI Rendering1:36
- 88Next.js 15 Tutorial - 88 - Protecting Routes3:59
- 89Next.js 15 Tutorial - 89 - Read Session and User Data5:04
- 90Next.js 15 Tutorial - 90 - Role Based Access Control11:12
- 91Next.js 15 Tutorial - 91 - Customizing Clerk Components6:40
- 92Next.js 15 Tutorial - 92 - Deploying Next.js Apps to Vercel2:44
What to take next
Videos by Codevolution, played from their official YouTube channel. Subscribe on YouTube
Official upload by the teacher or institution on their own channel, shown with YouTube's embedded player.
Lessons listed from the official YouTube playlist. Full playlist on YouTube
Lessons last checked Oct 2026. Course summary and lesson structure by Sabaq.
Report a problem or a rights request

