Vue.js / Nuxt.js

SSR i SSG w Nuxt

Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro

22 pytań z rozmów·
Mid-Level
1

Czym jest Server-Side Rendering (SSR) w Nuxt?

Odpowiedź

SSR generuje kompletny kod HTML na serwerze przy każdym żądaniu, a następnie wysyła go do klienta. Poprawia to SEO, ponieważ wyszukiwarki otrzymują natychmiast dostępną treść HTML, a także skraca czas do pierwszego renderowania (first paint). SSR jest domyślnym trybem renderowania w Nuxt 3, w przeciwieństwie do renderowania po stronie klienta, gdzie JavaScript generuje treść w przeglądarce.

2

Czym jest Static Site Generation (SSG) w Nuxt?

Odpowiedź

SSG generuje wszystkie strony jako statyczny kod HTML podczas build, co pozwala bardzo szybko serwować wstępnie wygenerowane pliki. Podejście to jest idealne dla witryn z treścią, która nie zmienia się często, takich jak blogi czy dokumentacja. W Nuxt 3 użycie nuxt generate aktywuje SSG, tworząc pliki HTML dla każdej skonfigurowanej trasy.

3

Którego polecenia Nuxt należy użyć, aby wygenerować statyczną stronę?

Odpowiedź

Polecenie nuxt generate (lub npm run generate, jeśli skonfigurowane w package.json) uruchamia statyczne generowanie wszystkich stron. Nuxt przechodzi przez trasy i tworzy dla każdej plik HTML, który jest umieszczany w folderze .output/public. Polecenie to służy do wdrażania na statycznych hostingach takich jak Netlify, Vercel czy GitHub Pages.

4

Jaka jest główna zaleta SSR dla SEO?

5

Czym jest hybrid rendering w Nuxt?

+19 pytań z rozmów

Inne tematy rekrutacyjne Vue.js / Nuxt.js

Podstawy JavaScript

Junior
20 pytań

Nowoczesny JavaScript (ES6+)

Junior
20 pytań

Podstawy Vue

Junior
22 pytań

Komponenty Vue

Junior
20 pytań

Vue Router

Junior
18 pytań

Pinia State Management

Junior
20 pytań

Vuex (Legacy)

Mid-Level
15 pytań

Composition API

Mid-Level
24 pytań

Reaktywność Vue

Mid-Level
20 pytań

Podstawy Nuxt

Mid-Level
22 pytań

Pobieranie danych w Nuxt

Mid-Level
20 pytań

Trasy serwerowe Nuxt

Mid-Level
20 pytań

Moduły Nuxt

Mid-Level
18 pytań

Composables we Vue

Mid-Level
20 pytań

Formularze i walidacja Vue

Mid-Level
20 pytań

Zarządzanie stanem w Nuxt

Mid-Level
18 pytań

Testowanie Vue

Mid-Level
20 pytań

Wdrażanie Nuxt i CI/CD

Mid-Level
22 pytań

Wydajność Vue

Senior
22 pytań

Zaawansowane wzorce Vue

Senior
24 pytań

TypeScript z Vue

Senior
22 pytań

Uwierzytelnianie Nuxt

Senior
20 pytań

SEO z Nuxt

Senior
20 pytań

Internacjonalizacja w Nuxt

Senior
18 pytań

Architektura Vue

Senior
22 pytań

Bezpieczeństwo Nuxt

Senior
20 pytań

Ekosystem Vue

Senior
18 pytań

Migracja Vue 2→3 i Nuxt 2→3

Senior
22 pytań

Opanuj Vue.js / Nuxt.js na następną rozmowę

Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.

Zacznij za darmo