intermediate

Nuxt

Vue meta-framework for routing, layouts, SSR, SSG, server routes, data fetching, and deployment through Nitro.

Nuxt is a Vue meta-framework: file-based routing, layouts, middleware, SSR/SSG, data fetching composables, and Nitro server routes in one convention set. Interviews test application architecture, not only Vue syntax.

Subtopics: file routing, SSR/SSG modes, `useFetch` / `useAsyncData`, and Nitro server deployment.

On interviews: explain hybrid rendering, payload extraction for hydration, server versus client-only code paths, and when Nuxt replaces custom Express glue.

Common pitfalls: client-only APIs in server setup, duplicate fetches without shared keys, and treating Nitro as an afterthought.

Checklist:

  • Map pages directory to routes and layouts.
  • Choose rendering mode per route or site.
  • Share fetch keys between server and client.
  • Know Nitro presets for deploy targets.