Production & Deployment — Chapter Quiz

Question 1

1

Which composable is the typed shortcut for OG and basic SEO tags?

AuseHeadBuseSeoMetaCuseMetaDuseTitle

useSeoMeta accepts a typed object of every common meta tag — title, description, ogImage, twitterCard, etc.

Question 2

2

What does nuxt-og-image do?

AHosts your faviconBGenerates social-preview PNGs from Vue componentsCOptimizes hero imagesDAdds JSON-LD

nuxt-og-image renders a Vue template to a 1200x630 PNG at build or request time — no Puppeteer required.

Question 3

3

error.vue at the project root replaces both 404 and 500 pages.

TTrueFFalse

A single file catches every uncaught error. Differentiate by error.statusCode in the template.

Question 4

4

What does the Lazy prefix on an auto-imported component do?

ASplits the component into its own chunk and loads it on first renderBDisables the component in productionCRenders the component server-side onlyDWraps it in <Suspense>

<LazyHeavy> defers the import — the JS chunk is fetched only when the component first renders. Great for modals and editors.

Question 5

5

Which key combo opens Nuxt DevTools?

ACtrl + Shift + NBShift + Alt + DCCmd + PeriodDF12 — same as browser devtools

Shift + Alt + D toggles the in-page panel. Or click the floating Nuxt logo at the bottom-left.

Question 6

6

The test helper that mounts a component with Nuxt context is mount________.

mountSuspended from @nuxt/test-utils/runtime boots the Nuxt app and waits for async setup before returning the wrapper.

Question 7

7

Which output folder does nuxi build produce?

Adist/B.output/Cbuild/Dserver/

nuxi build writes .output/ containing server/, public/, and metadata. nuxi generate writes dist/.

Question 8

8

Which Nitro presets target edge runtimes?

Select all that apply.

Acloudflare-pagesBvercel-edgeCdeno-deployDnode-server

The first three compile for edge runtimes (Web Standards APIs). node-server is the default Node preset for traditional hosts.

Test what you learned.