Next.js Full Course for Beginners

By freeCodeCamp | Free Course on YouTube

4.9
(0 ratings)
0 students enrolled
Q
Created by Qasrawii Academy
Last updated 3/2026 EN Beginner 425 min total

What you'll learn

Complete Next.js course covering pages router, API routes, SSR, SSG, dynamic routing, and building full-stack applications.

Course Content

10 sections • 92 lessons • 425m total length

Getting Started

10 lessons
Next.js 15 Tutorial - 1 - Introduction Preview
4:00
Next.js 15 Tutorial - 2 - Hello World Preview
3:00
Next.js 15 Tutorial - 3 - Project Structure Preview
4:00
Next.js 15 Tutorial - 4 - Before We Start
2:00
Next.js 15 Tutorial - 5 - Routing
6:00
Next.js 15 Tutorial - 6 - Nested Routes
3:00
Next.js 15 Tutorial - 7 - Dynamic Routes
6:00
Next.js 15 Tutorial - 8 - Nested Dynamic Routes
4:00
Next.js 15 Tutorial - 9 - Catch all Segments
6:00
Next.js 15 Tutorial - 10 - Not Found Page
5:00

Fundamentals

10 lessons
Next.js 15 Tutorial - 11 - File Colocation
3:00
Next.js 15 Tutorial - 12 - Private Folders
3:00
Next.js 15 Tutorial - 13 - Route Groups
4:00
Next.js 15 Tutorial - 14 - Layouts
5:00
Next.js 15 Tutorial - 15 - Nested Layouts
4:00
Next.js 15 Tutorial - 16 - Multiple Root Layouts
3:00
Next.js 15 Tutorial - 17 - Routing Metadata
8:00
Next.js 15 Tutorial - 18 - title Metadata
3:00
Next.js 15 Tutorial - 19 - Link Component
5:00
Next.js 15 Tutorial - 20 - Active Links
4:00

Core Concepts

10 lessons
Next.js 15 Tutorial - 21 - params and searchParams
6:00
Next.js 15 Tutorial - 22 - Navigating Programmatically
4:00
Next.js 15 Tutorial - 23 - Templates
4:00
Next.js 15 Tutorial - 24 - Loading UI
3:00
Next.js 15 Tutorial - 25 - Error Handling
5:00
Next.js 15 Tutorial - 26 - Recovering from Errors
3:00
Next.js 15 Tutorial - 27 - Handling Errors in Nested Routes
2:00
Next.js 15 Tutorial - 28 - Handling Errors in Layouts
2:00
Next.js 15 Tutorial - 29 - Handling Global Errors
6:00
Next.js 15 Tutorial - 30 - Parallel Routes
9:00

Intermediate Topics

10 lessons
Next.js 15 Tutorial - 31 - Unmatched Routes
6:00
Next.js 15 Tutorial - 32 - Conditional Routes
3:00
Next.js 15 Tutorial - 33 - Intercepting Routes
13:00
Next.js 15 Tutorial - 34 - Parallel Intercepting Routes
6:00
Next.js 15 Tutorial - 35 - Route Handlers
6:00
Next.js 15 Tutorial - 36 - Handling GET Requests
3:00
Next.js 15 Tutorial - 37 - Handling POST Requests
4:00
Next.js 15 Tutorial - 38 - Dynamic Route Handlers
4:00
Next.js 15 Tutorial - 39 - Handling PATCH Requests
3:00
Next.js 15 Tutorial - 40 - Handling DELETE Requests
3:00

Advanced Concepts

10 lessons
Next.js 15 Tutorial - 41 - URL Query Parameters
3:00
Next.js 15 Tutorial - 42 - Headers in Route Handlers
6:00
Next.js 15 Tutorial - 43 - Cookies in Route Handlers
3:00
Next.js 15 Tutorial - 44 - Redirects in Route Handlers
2:00
Next.js 15 Tutorial - 45 - Caching in Route Handlers
4:00
Next.js 15 Tutorial - 46 - Middleware
6:00
Next.js 15 Tutorial - 47 - Rendering
1:00
Next.js 15 Tutorial - 48 - Client-side Rendering (CSR)
3:00
Next.js 15 Tutorial - 49 - Server-side Rendering (SSR)
5:00
Next.js 15 Tutorial - 50 - Suspense SSR
7:00

Projects & Practice

10 lessons
Next.js 15 Tutorial - 51 - React Server Components
7:00
Next.js 15 Tutorial - 52 - Server and Client Components
6:00
Next.js 15 Tutorial - 53 - RSC Rendering Lifecycle
4:00
Next.js 15 Tutorial - 54 - Static Rendering
11:00
Next.js 15 Tutorial - 55 - Dynamic Rendering
5:00
Next.js 15 Tutorial - 56 - generateStaticParams
5:00
Next.js 15 Tutorial - 57 - dynamicParams
4:00
Next.js 15 Tutorial - 58 - Streaming
3:00
Next.js 15 Tutorial - 59 - Server and Client Composition Patterns
1:00
Next.js 15 Tutorial - 60 - Server-only Code
5:00

Deep Dive

10 lessons
Next.js 15 Tutorial - 61 - Third Party Packages
5:00
Next.js 15 Tutorial - 62 - Context Providers
5:00
Next.js 15 Tutorial - 63 - Client-only Code
4:00
Next.js 15 Tutorial - 64 - Client Component Placement
5:00
Next.js 15 Tutorial - 65 - Interleaving Server and Client Components
8:00
Next.js 15 Tutorial - 66 - Data Fetching
2:00
Next.js 15 Tutorial - 67 - Fetching Data in Client Components
4:00
Next.js 15 Tutorial - 68 - Fetching Data in Server Components
4:00
Next.js 15 Tutorial - 69 - Loading and Error States
3:00
Next.js 15 Tutorial - 70 - Sequential Data Fetching
5:00

Expert Level

10 lessons
Next.js 15 Tutorial - 71 - Parallel Data Fetching
6:00
Next.js 15 Tutorial - 72 - Fetching from a Database
7:00
Next.js 15 Tutorial - 73 - Data Mutations
3:00
Next.js 15 Tutorial - 74 - Forms with Server Actions
6:00
Next.js 15 Tutorial - 75 - Pending State with useFormStatus
4:00
Next.js 15 Tutorial - 76 - Form Validation with useActionState
7:00
Next.js 15 Tutorial - 77 - Separating Server Actions
4:00
Next.js 15 Tutorial - 78 - useFormStatus vs useActionState
2:00
Next.js 15 Tutorial - 79 - Update Server Action
9:00
Next.js 15 Tutorial - 80 - Delete Server Action
4:00

Mastery

10 lessons
Next.js 15 Tutorial - 81 - Optimistic Updates
6:00
Next.js 15 Tutorial - 82 - Form Component
8:00
Next.js 15 Tutorial - 83 - Authentication
2:00
Next.js 15 Tutorial - 84 - Clerk Setup
3:00
Next.js 15 Tutorial - 85 - Sign in and Sign out
3:00
Next.js 15 Tutorial - 86 - Profile Settings
3:00
Next.js 15 Tutorial - 87 - Conditional UI Rendering
2:00
Next.js 15 Tutorial - 88 - Protecting Routes
4:00
Next.js 15 Tutorial - 89 - Read Session and User Data
5:00
Next.js 15 Tutorial - 90 - Role Based Access Control
11:00

Final Projects

2 lessons
Next.js 15 Tutorial - 91 - Customizing Clerk Components
7:00
Next.js 15 Tutorial - 92 - Deploying Next.js Apps to Vercel
3:00

Description

Complete Next.js course covering pages router, API routes, SSR, SSG, dynamic routing, and building full-stack applications.

Original course by freeCodeCamp. Curated and organized for optimal learning on Qasrawii LMS.

Requirements

  • A computer with internet access
  • Willingness to learn

Student Reviews

No reviews yet. Be the first to share your experience!

Preview this course
Free Open Access

This course includes:

92 lessons
425 minutes of content
Beginner level
EN
Full lifetime access
Certificate of completion