Question 1

How do metadata files like favicon.ico, icon, opengraph-image and manifest work in Next.js?

Accepted Answer

**Target Audience:** Beginners preparing for Next.js interviews — basic HTML (what the head element is) 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 lab app built with `next build`, served with `next start` and inspected with `curl`.

## 1. Why This Even Matters — A

Question 2

What is Draft Mode in Next.js and how does it work with a headless CMS?

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. **No real CMS was used:** the lab

Question 3

How does the Metadata API work in Next.js (static and generateMetadata)?

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

How does Next.js handle SEO compared to a client-rendered SPA?

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

How do you implement dynamic Open Graph images in Next.js (ImageResponse)?

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

NEXT.JSDECODED.

Easy

How do metadata files like favicon.ico, icon, opengraph-image and manifest work in Next.js?

Medium

What is Draft Mode in Next.js and how does it work with a headless CMS?

How does the Metadata API work in Next.js (static and generateMetadata)?

How does Next.js handle SEO compared to a client-rendered SPA?

Hard

How do you implement dynamic Open Graph images in Next.js (ImageResponse)?