Nuxt SSR & SSG
Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro
1Was ist Server-Side Rendering (SSR) in Nuxt?
Was ist Server-Side Rendering (SSR) in Nuxt?
Antwort
SSR generiert bei jeder Anfrage das vollständige HTML auf dem Server und sendet es anschließend an den Client. Dadurch wird das SEO verbessert, da Suchmaschinen sofort zugänglichen HTML-Inhalt erhalten, und auch die Zeit bis zum First Paint wird verkürzt. SSR ist der Standard-Rendering-Modus in Nuxt 3, im Gegensatz zum clientseitigen Rendering, bei dem JavaScript den Inhalt im Browser erzeugt.
2Was ist Static Site Generation (SSG) in Nuxt?
Was ist Static Site Generation (SSG) in Nuxt?
Antwort
SSG generiert alle Seiten zur Build-Zeit als statisches HTML, sodass vorgenerierte Dateien sehr schnell ausgeliefert werden können. Dieser Ansatz eignet sich ideal für Sites mit Inhalten, die sich nicht häufig ändern, wie Blogs oder Dokumentationen. In Nuxt 3 aktiviert die Verwendung von nuxt generate die SSG und erstellt HTML-Dateien für jede konfigurierte Route.
3Welcher Nuxt-Befehl sollte verwendet werden, um eine statische Site zu generieren?
Welcher Nuxt-Befehl sollte verwendet werden, um eine statische Site zu generieren?
Antwort
Der Befehl nuxt generate (oder npm run generate, falls in der package.json konfiguriert) löst die statische Generierung aller Seiten aus. Nuxt durchläuft die Routen und erstellt für jede eine HTML-Datei, die im Ordner .output/public abgelegt wird. Dieser Befehl wird verwendet, um auf statischen Hosts wie Netlify, Vercel oder GitHub Pages zu deployen.
Was ist der Hauptvorteil von SSR für SEO?
Was ist Hybrid Rendering in Nuxt?
+19 Interview-Fragen
Weitere Vue.js / Nuxt.js-Interviewthemen
JavaScript-Grundlagen
Modernes JavaScript (ES6+)
Vue-Grundlagen
Vue-Komponenten
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue-Reaktivität
Nuxt-Grundlagen
Nuxt Data Fetching
Nuxt Server-Routes
Nuxt-Module
Vue Composables
Vue Formulare & Validierung
Nuxt State Management
Vue-Testing
Nuxt-Deployment & CI/CD
Vue-Performance
Fortgeschrittene Vue-Patterns
TypeScript mit Vue
Nuxt-Authentifizierung
SEO mit Nuxt
Nuxt-Internationalisierung
Vue-Architektur
Nuxt-Sicherheit
Vue-Ökosystem
Migration Vue 2→3 & Nuxt 2→3
Meistere Vue.js / Nuxt.js für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten