Question 1

What is proxy.ts in Next.js 16 and how do you migrate from middleware.ts?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes you know what an HTTP redirect and rewrite are.
**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 (`file-conventions/proxy`, `middleware`, the version 16 guide) and, in the **Verified** section, against `next build`, `next start` and `curl` in a 16.4.2 lab.

##

Question 2

Migrating Webpack config to Turbopack — what breaks?

Accepted Answer

Most `webpack:` customizations map to `experimental.turbo` or `turbopack` config; Turbopack handles SVGR, Sass, MDX natively but custom plugins that tap Webpack's compiler API still need Webpack.

Question 3

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 4

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 5

What is Turbopack in Next.js and how does it compare to Webpack?

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

How do you migrate from the Pages Router to the App Router in Next.js?

Accepted Answer

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

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

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

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes you know what a Server Component is.
**Difficulty:** Hard

> **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 in `node_modules/next/dist/docs/` and, in the **Verified** section, against real output from `next build`, `next start` and `curl` in a 16.4.2 lab.

## 1. Why This Even

Question 8

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

Accepted Answer