Question 1

What is Next.js and what problems does it solve?

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 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 block

Question 2

What is the next/form Form component and when would you use it?

Accepted Answer

**Target Audience:** Beginners preparing for Next.js interviews — assumes you know what an HTML form and a URL query string are.
**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 a lab app served by `next start` and submitted in a real Chromium browser with JavaScript on and off.

Question 3

How do you create a new Next.js app, and what is in the project structure?

Accepted Answer

**Target Audience:** Beginners preparing for Next.js interviews — no prior Next.js knowledge assumed, basic React helps.
**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 a real run of `create-next-app@16.4.2`, `next build` and `next start` in a lab.

## 1. Why This Even Matters

Question 4

How do you handle forms with Server Actions in Next.js (progressive enhancement)?

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 breaks when you upgrade to Next.js 16, and how do you migrate?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — useful for anyone who has to plan a 15 to 16 upgrade.
**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 upgrade guide shipped in `node_modules/next/dist/docs/` and, in the **Verified** section, against real `next build` and `next start` output from a 16.4.2 lab app written i

Question 6

How do you fetch data in Next.js Client Components (SWR, React Query, use)?

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 7

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 8

How do View Transitions work with next/link transitionTypes in Next.js 16.2?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes you know `<Link>` and basic CSS animations.
**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 (the `link` reference and the view transitions guide) and, in the **Verified** section, by driving a 16.4.2 lab in Chromium 141 with Playwright and recording every `doc

Question 9

How do Server Actions differ from Route Handlers 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 10

What is error.js in Next.js and how does error handling work in the App 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 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 Firs

NEXT.JSDECODED.

Easy

What is Next.js and what problems does it solve?

What is the next/form Form component and when would you use it?

How do you create a new Next.js app, and what is in the project structure?

Medium

How do you handle forms with Server Actions in Next.js (progressive enhancement)?

What breaks when you upgrade to Next.js 16, and how do you migrate?

How do you fetch data in Next.js Client Components (SWR, React Query, use)?

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

How do View Transitions work with next/link transitionTypes in Next.js 16.2?

How do Server Actions differ from Route Handlers in Next.js?

What is error.js in Next.js and how does error handling work in the App Router?

How do you test a Next.js app (unit tests, Server Components, end-to-end)?

Hard

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

How do you do optimistic updates in Next.js (useOptimistic, useActionState)?

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

How do you handle authentication in Next.js?

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

unstable_cache vs `cache` (React) — which dedupes what?