Nuxt SSR & SSG
Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro
1Wat is Server-Side Rendering (SSR) in Nuxt?
Wat is Server-Side Rendering (SSR) in Nuxt?
Antwoord
SSR genereert bij elke request de volledige HTML op de server en stuurt deze vervolgens naar de client. Dit verbetert de SEO omdat zoekmachines direct toegankelijke HTML-content ontvangen, en het verbetert ook de tijd tot de first paint. SSR is de standaard rendermodus in Nuxt 3, in tegenstelling tot client-side rendering waarbij JavaScript de content in de browser genereert.
2Wat is Static Site Generation (SSG) in Nuxt?
Wat is Static Site Generation (SSG) in Nuxt?
Antwoord
SSG genereert tijdens de build alle pagina's als statische HTML, waardoor vooraf gegenereerde bestanden zeer snel kunnen worden geserveerd. Deze aanpak is ideaal voor sites met content die niet vaak verandert, zoals blogs of documentatie. In Nuxt 3 activeert het gebruik van nuxt generate de SSG en worden er HTML-bestanden gemaakt voor elke geconfigureerde route.
3Welk Nuxt-commando moet je gebruiken om een statische site te genereren?
Welk Nuxt-commando moet je gebruiken om een statische site te genereren?
Antwoord
Het commando nuxt generate (of npm run generate als dat in package.json is geconfigureerd) start de statische generatie van alle pagina's. Nuxt loopt door de routes en maakt voor elke route een HTML-bestand, dat in de map .output/public wordt geplaatst. Dit commando wordt gebruikt om te deployen op statische hosts zoals Netlify, Vercel of GitHub Pages.
Wat is het belangrijkste voordeel van SSR voor SEO?
Wat is hybrid rendering in Nuxt?
+19 gespreksvragen
Andere Vue.js / Nuxt.js-sollicitatieonderwerpen
JavaScript-grondbeginselen
Modern JavaScript (ES6+)
Vue-basisbeginselen
Vue-componenten
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue-reactiviteit
Nuxt-grondbeginselen
Data Fetching in Nuxt
Nuxt Server Routes
Nuxt-modules
Vue Composables
Vue formulieren & validatie
Nuxt-statusbeheer
Vue Testing
Nuxt-deployment & CI/CD
Vue-prestaties
Geavanceerde Vue-patronen
TypeScript met Vue
Nuxt-authenticatie
SEO met Nuxt
Nuxt-internationalisatie
Vue-architectuur
Nuxt-beveiliging
Vue-ecosysteem
Migratie Vue 2→3 & Nuxt 2→3
Beheers Vue.js / Nuxt.js voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis