Question 1

Che cos'è il Server-Side Rendering (SSR) in Nuxt?

Accepted Answer

L'SSR genera l'HTML completo sul server a ogni richiesta e poi lo invia al client. Questo migliora la SEO perché i motori di ricerca ricevono contenuto HTML immediatamente accessibile, e migliora anche il tempo al primo paint. L'SSR è la modalità di rendering predefinita in Nuxt 3, a differenza del rendering lato client in cui JavaScript genera il contenuto nel browser.

Question 2

Che cos'è la Static Site Generation (SSG) in Nuxt?

Accepted Answer

L'SSG genera tutte le pagine come HTML statico in fase di build, consentendo di servire file pre-generati molto rapidamente. Questo approccio è ideale per siti con contenuti che non cambiano spesso, come blog o documentazione. In Nuxt 3, l'uso di nuxt generate attiva l'SSG, creando file HTML per ogni route configurata.

Question 3

Quale comando Nuxt si deve usare per generare un sito statico?

Accepted Answer

Il comando nuxt generate (o npm run generate se configurato nel package.json) avvia la generazione statica di tutte le pagine. Nuxt attraversa le route e crea un file HTML per ciascuna, che viene collocato nella cartella .output/public. Questo comando è usato per il deploy su host statici come Netlify, Vercel o GitHub Pages.

SSR e SSG in Nuxt

Che cos'è il Server-Side Rendering (SSR) in Nuxt?

Risposta

Che cos'è la Static Site Generation (SSG) in Nuxt?

Risposta

Quale comando Nuxt si deve usare per generare un sito statico?

Risposta

Qual è il principale vantaggio dell'SSR per la SEO?

Cos'è l'hybrid rendering in Nuxt?

Altri argomenti di colloquio Vue.js / Nuxt.js

Fondamenti di JavaScript

JavaScript moderno (ES6+)

Fondamenti di Vue

Componenti Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Reattività di Vue

Fondamenti di Nuxt

Data Fetching in Nuxt

Route server Nuxt

Moduli Nuxt

Composables di Vue

Form e validazione Vue

Gestione dello stato in Nuxt

Testing in Vue

Deployment di Nuxt e CI/CD

Prestazioni di Vue

Pattern avanzati di Vue

TypeScript con Vue

Autenticazione Nuxt

SEO con Nuxt

Internazionalizzazione in Nuxt

Architettura Vue

Sicurezza Nuxt

Ecosistema Vue

Migrazione Vue 2→3 e Nuxt 2→3

Padroneggia Vue.js / Nuxt.js per il tuo prossimo colloquio