0Pricing
Vue Academy · Lesson

SSR vs SSG vs SPA Mode

ssr:true/false, nitro prerender, generate command, hybrid rendering per route.

Rendering Modes Overview

Nuxt can render your app three ways: SSR (server renders each request), SSG (pages pre-built at build time), and SPA (everything renders in the browser). You can even mix them per route.

SSR: The Default

With ssr: true (the default), the server renders HTML for each request and the client hydrates it. This gives fast first paint and good SEO because crawlers see full markup.

// nuxt.config.ts
export default defineNuxtConfig({
  ssr: true
})

All lessons in this course

  1. Nuxt 3 Project Structure and File-Based Routing
  2. Data Fetching: useFetch and useAsyncData
  3. Nuxt Server Routes and API Endpoints
  4. SSR vs SSG vs SPA Mode
← Back to Vue Academy