Learn Nuxt.js – Interview Questions, Concepts & Examples

What is Nuxt.js?

Why use Nuxt? What problems does it solve?

Explain Nuxt 3 architecture: how do Vue 3, Vite, and Nitro work together?

Vue vs Nuxt: When should you choose one over the other?

What is SSR (Server-Side Rendering) in Nuxt and how does it work?

What is CSR (Client-Side Rendering) in Nuxt and when would you use it?

What is SSG (Static Site Generation) in Nuxt and how does it work?

What is hybrid rendering in Nuxt and how do you configure it?

How does the pages folder work in Nuxt?

Explain file-based routing in Nuxt with dynamic routes.

How do nested routes work in Nuxt using the pages folder?

What are layouts in Nuxt and how do you use them?

What is app.vue and when should you use it instead of layouts?

How does the components folder work with auto-imports in Nuxt?

What are composables in Nuxt and how do they differ from Vue composables?

What is useState in Nuxt and how does it work for shared state?

What is useFetch in Nuxt and how does it differ from $fetch?

What is useAsyncData and when should you use it instead of useFetch?

How does NuxtLink work and how is it different from <a> and Vue Router's RouterLink?

What are middleware basics in Nuxt and how do you define them?

What are plugins in Nuxt and how do you use them?

What are server API basics in Nuxt? How do you create API endpoints?

What is the difference between the assets and public folders in Nuxt?

What is nuxt.config.ts and what can you configure there?

What are SEO basics in Nuxt and how do you manage meta tags?

What is useHead in Nuxt and how does it work?

What is useSeoMeta and why should you use it over useHead for SEO?

What is Nitro and how does it power Nuxt 3's server capabilities?

What are the different types of route middleware in Nuxt and how do they execute?

What is runtimeConfig and how do you use it for environment variables in Nuxt?

How do you create and use plugins in Nuxt 3 with different execution modes (client, server, both)?

How do you create advanced composables in Nuxt that leverage SSR, async data, and auto-imports?

How does useCookie work and when should you use it for state persistence?

How do you use useRoute and useRouter effectively in Nuxt 3?

How do you use useRequestHeaders for server-side SEO and API calls?

How do you access runtimeConfig in different parts of a Nuxt app (components, plugins, middleware, server routes)?

How do you implement authentication flow in Nuxt 3, from login to protected routes?

How do you integrate Pinia with Nuxt 3 for advanced state management?

What are lazy loading and dynamic imports in Nuxt, and how do you use them to optimize performance?

What are route rules in Nuxt and how can you use them for hybrid caching and redirects?

How do you implement image optimization in Nuxt using @nuxt/image?

What are the different data fetching strategies in Nuxt (server-only, client-only, SWR, polling) and when to use each?

What is hydration in Nuxt and what are common hydration mismatch errors? How do you debug and fix them?

How does Nitro's build pipeline work and how does it achieve universal deployment across different runtimes?

How does Nuxt's payload system work and how can you optimize payload extraction for performance?

What is islands architecture in Nuxt and how does it enable partial hydration?

How does streaming SSR work in Nuxt and what are its performance implications?

How can you implement a multi-tier caching strategy in Nuxt using Nitro storage and route rules?

How do route rules work under the hood in Nitro and how can you create custom route rules?

How does Nuxt manage request isolation and server context to prevent cross-request state leaks?

How do you debug and fix memory leaks in a production Nuxt SSR application?

What are the advanced deployment strategies for Nuxt 3 at scale (blue-green, canary, edge, multi-region)?

How does Nitro's rendering pipeline integrate with Vue SSR? Explain the step-by-step flow from request to HTML response.

What are the limitations and advanced techniques for running Nuxt on edge runtimes (Cloudflare Workers, Vercel Edge)?

How can you design advanced composable patterns in Nuxt, including factories, dependency injection, and lifecycle-aware composables?

How do you create advanced Nuxt modules (plugins) with hooks, templates, and programmatic generation?

What are the advanced techniques to debug and fix hydration mismatches in complex Nuxt applications?

How do you implement advanced SEO strategies in Nuxt at scale, including dynamic sitemaps, hreflang, structured data, and crawl optimization?

How do you scale a Nuxt application to handle millions of requests per day?

How do you optimize SSR performance in Nuxt beyond basic caching, including critical CSS, resource hints, and payload pruning?

How does Nitro's event handler lifecycle work? Explain `defineEventHandler`, hooks, and context propagation.

How do you profile a production Nuxt application for CPU, memory, and request latency using OpenTelemetry and flamegraphs?