Question 1

How does client-side navigation work in Next.js (next/link and useRouter)?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Easy

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js 16.4.2 docs shipped with the package and, in the **Verified** section, against real output from a build, a running server or a real browser.

## 1. Why This Even Matters — A Story First

Question 2

What is the difference between Server Components and Client Components in Next.js?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js docs shipped with the package (written on 16.3.4, re-reviewed against 16.4.2) and, in the **Verified** section, against real output from a build or a running server; each Verified bloc

Question 3

Server Components and external packages — what does `serverComponentsExternalPackages` do?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js docs shipped with the package (written on 16.3.4, re-reviewed against 16.4.2) and, in the **Verified** section, against real output from a build or a running server; each Verified bloc

Question 4

What is the difference between getServerSideProps/getStaticProps and App Router data fetching?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js docs shipped with the package (written on 16.3.4, re-reviewed against 16.4.2) and, in the **Verified** section, against real output from a build or a running server; each Verified bloc

Question 5

What is the difference between the App Router and the Pages Router?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js docs shipped with the package (written on 16.3.4, re-reviewed against 16.4.2) and, in the **Verified** section, against real output from a build or a running server; each Verified bloc

Question 6

What is static export (output: 'export') in Next.js and what does it not support?

Accepted Answer

**Target Audience:** Developers preparing for Next.js interviews — assumes the basics of App Router rendering (static vs dynamic routes).
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js 16.4.2 docs shipped with the package and, in the **Verified** section, against lab builds with `output: "export"`, a plain static file server and a Chromium browser.

##

Question 7

How do you organize a large Next.js App Router project (colocation, private folders, route groups)?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js 16.4.2 docs shipped with the package and, in the **Verified** section, against real output from a build, a running server or a real Chromium browser.

## 1. Why This Even Matters — A S

Question 8

How do you pass data from Server Components to Client Components in Next.js?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js docs shipped with the package (written on 16.3.4, re-reviewed against 16.4.2) and, in the **Verified** section, against real output from a build or a running server; each Verified bloc

Question 9

How do you keep secrets and server code out of the client bundle in Next.js (server-only, taint, Data Access Layer)?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js 16.4.2 docs shipped with the package and, in the **Verified** section, against real output from a build, a running server or a real Chromium browser. The secrets in the lab are fake st

Question 10

What is the 'use client' directive and when do you need it?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js docs shipped with the package (written on 16.3.4, re-reviewed against 16.4.2) and, in the **Verified** section, against real output from a build or a running server; each Verified bloc

NEXT.JSDECODED.

Easy

How does client-side navigation work in Next.js (next/link and useRouter)?

Medium

What is the difference between Server Components and Client Components in Next.js?

Server Components and external packages — what does `serverComponentsExternalPackages` do?

What is the difference between getServerSideProps/getStaticProps and App Router data fetching?

What is the difference between the App Router and the Pages Router?

What is static export (output: 'export') in Next.js and what does it not support?

How do you organize a large Next.js App Router project (colocation, private folders, route groups)?

How do you pass data from Server Components to Client Components in Next.js?

How do you keep secrets and server code out of the client bundle in Next.js (server-only, taint, Data Access Layer)?

Hard

How do Server and Client Components compose in Next.js?

What are React Server Components and why does Next.js use them?

What are Server Actions in Next.js and how do they work?

What are Cache Components in Next.js 16 and how does the 'use cache' directive work?

What is the RSC payload and how does Next.js stream it to the browser?

What is the Router Cache in Next.js and what are its implications?

What are the caching layers in Next.js (Request Memoization, Data Cache, Full Route Cache, Router Cache)?

What is the Full Route Cache in Next.js?