Chapter quiz · Optimization, SEO & Production

Test what you learned.

8 questions on Optimization, SEO & Production. Pass 70% to clear the chapter.

← Review chapter lessons

Quiz

Optimization, SEO & Production — Chapter Quiz

Eight questions on images, fonts, metadata, sitemap, build, and deployment.

0/ 9

Question 1
1
Why do you provide width and height to next/image for remote sources?
AIt is required by Next.js for analyticsBSo the layout can reserve space and avoid layout shiftCTo set the network timeoutDIt is purely cosmetic
Without dimensions, the browser cannot reserve space and you get CLS. next/image requires width/height (or fill inside a sized container) for that reason.
Question 2
2
What does next/font/google do at build time?
AEmbeds the font directly in JSBDownloads the font files and serves them from your domain to avoid an external request and prevent layout shiftCAdds a <link> to fonts.googleapis.comDDisables custom fonts in production
The fonts are self-hosted with size-adjust metrics applied so the fallback font matches and no layout shift happens.
Question 3
3
Which next/script strategy fires after the browser is idle?
AbeforeInteractiveBafterInteractiveClazyOnloadDworker
lazyOnload waits for requestIdleCallback. Use it for chat widgets and pixels that should never block the page.
Question 4
4
generateMetadata can read route params and return a per-route metadata object.
TTrueFFalse
generateMetadata({ params, searchParams }) is the dynamic counterpart to export const metadata — perfect for blog titles, descriptions, and OG images.
Question 5
5
Which file generates a dynamic OpenGraph image for a route?
Aog.tsxBopengraph-image.tsxCmetadata-image.tsxDsocial.tsx
opengraph-image.tsx (or .png/.jpg) at any segment hooks into the metadata system. Render JSX with ImageResponse from next/og.
Question 6
6
In the build output, what does the symbol ƒ mean next to a route?
AStatic (prerendered)BDynamic (rendered per request)CISR (incremental static)DFailed to build
ƒ = dynamic. ○ = static. ◐ = ISR. If a page is unexpectedly ƒ, something pulled in request-specific data.
Question 7
7
Add output: '_________' to next.config.ts so Docker images can ship a minimal self-contained server bundle.
output: 'standalone' produces .next/standalone with just what the server needs — ideal for slim multi-stage Docker builds.
Question 8
8
Which of these can host a Next.js app?
Select all that apply.
AVercelBCloudflare (via next-on-pages)CA Docker container behind nginxDNetlify
All four work. Vercel is the smoothest path; Cloudflare, Netlify, and self-hosted Docker all support Next with varying levels of automation.