Vue.js: What is static site generation (SSG) in Vue?

SSG — generates static HTML at build time.

Benefits:

• Fastest loading.
• No server needed.
• CDN friendly.

1<!-- nuxt.config.ts -->
2export default defineNuxtConfig({
3    ssr: true,
4    nitro: {
5        prerender: {
6            routes: ["/", "/about", "/contact"]
7        }
8    }
9})

Commands:

• npx nuxi generate — static generation.
• npx nuxi build — server build.

Use cases:

• Blogs.
• Documentation.
• Marketing sites.