Home/Courses/Next.js/Next.js Full-Stack

Next.js Full-Stack▲

Beginner→Intermediate

Next.js 16

Master Next.js 16 architecture. A comprehensive guide covering the App Router, Server Components, Proxy, and full-stack patterns.

21

Sections

24

Lessons

20

Challenges

Start this free course

Start learning Next.js Full-Stack

24 lessons and 20 challenges, all 100% free.

Start this course

App Router vs Pages Router

App Router Conventions

Identify the File Role(Sign in required)

Beginner+10 Mana

Pages and Layouts

Layout Nesting Behavior(Sign in required)

Beginner+10 Mana

Linking and Navigating

Link Prefetching Quiz(Sign in required)

Beginner+10 Mana

Server and Client Components

Client Component Usage(Sign in required)

Beginner+10 Mana

The 'use cache' Directive

Purpose of 'use cache'(Sign in required)

Intermediate+20 Mana

Fetching with async/await

Fetching in Server Components(Sign in required)

Beginner+10 Mana

Invoking Server Actions(Sign in required)

Beginner+10 Mana

Revalidation Strategies

Time Based Syntax(Sign in required)

Intermediate+20 Mana

Error Boundaries

Recovery Function(Sign in required)

Beginner+10 Mana

Css Modules Syntax(Sign in required)

Beginner+10 Mana

The Image Component

Remote Image Props(Sign in required)

Beginner+10 Mana

Optimizing Fonts

Font Cls Benefit(Sign in required)

Intermediate+20 Mana

Defining Metadata

Dynamic Metadata Fn(Sign in required)

Intermediate+20 Mana

Creating API Routes

Route Handler File(Sign in required)

Beginner+10 Mana

Introduction to Proxy

Proxy Filename Quiz(Sign in required)

Beginner+10 Mana

Rewrites in next.config.js

Parallel Routes

Intercepting Routes

Slot Naming Quiz(Sign in required)

Beginner+10 Mana

Authentication Patterns

Auth Check Location(Sign in required)

Intermediate+20 Mana

Deployment Options

Static Export Config(Sign in required)

Intermediate+20 Mana

Validation with Zod

Zod Safeparse(Sign in required)

Beginner+10 Mana

Connecting to Databases

Direct Database Access(Sign in required)

Beginner+10 Mana

Instrumentation Hook

Ready to start this free course?

No credit card required.

Start this course now

Ready to start Next.js Full-Stack?

24 interactive lessons and 20 hands-on challenges — learn in VS Code, Cursor, or the web.