# SSR і SSG у Nuxt (Vue.js / Nuxt.js)

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

- 22 питань зі співбесід
- Mid-Level
- [Питання зі співбесід: Vue.js / Nuxt.js](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy.md)

## 1. Що таке Server-Side Rendering (SSR) у Nuxt?

**Відповідь**

SSR генерує повний HTML на сервері з кожним запитом, а потім надсилає його клієнту. Це покращує SEO, оскільки пошукові системи отримують одразу доступний HTML-контент, а також скорочує час до першого відображення (first paint). SSR є типовим режимом рендерингу в Nuxt 3, на відміну від клієнтського рендерингу, де JavaScript генерує контент у браузері.

## 2. Що таке Static Site Generation (SSG) у Nuxt?

**Відповідь**

SSG генерує всі сторінки як статичний HTML під час білду, що дозволяє дуже швидко подавати попередньо згенеровані файли. Цей підхід ідеальний для сайтів із контентом, який рідко змінюється, наприклад блогів чи документації. У Nuxt 3 використання nuxt generate активує SSG, створюючи HTML-файли для кожного налаштованого маршруту.

## 3. Яку команду Nuxt слід використовувати для генерації статичного сайту?

**Відповідь**

Команда nuxt generate (або npm run generate, якщо налаштовано в package.json) запускає статичну генерацію всіх сторінок. Nuxt обходить маршрути та створює HTML-файл для кожного, який розміщується в папці .output/public. Ця команда використовується для розгортання на статичних хостингах, як-от Netlify, Vercel або GitHub Pages.

## Ще 19 доступних питань

- Яка головна перевага SSR для SEO?
- Що таке hybrid rendering у Nuxt?

Зареєструйся безкоштовно: https://sharpskill.dev/uk/login

## Інші теми співбесід Vue.js / Nuxt.js

- [Основи JavaScript](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/javascript-fundamentals.md): 20 запитань, Junior
- [Сучасний JavaScript (ES6+)](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/es6-modern-javascript.md): 20 запитань, Junior
- [Основи Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-basics.md): 22 запитань, Junior
- [Компоненти Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-components.md): 20 запитань, Junior
- [Vue Router](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-router.md): 18 запитань, Junior
- [Pinia State Management](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/pinia-state-management.md): 20 запитань, Junior
- [Vuex (Legacy)](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vuex-legacy.md): 15 запитань, Mid-Level
- [Composition API](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/composition-api.md): 24 запитань, Mid-Level
- [Реактивність Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-reactivity.md): 20 запитань, Mid-Level
- [Основи Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-fundamentals.md): 22 запитань, Mid-Level
- [Отримання даних у Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-data-fetching.md): 20 запитань, Mid-Level
- [Серверні маршрути Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-server-routes.md): 20 запитань, Mid-Level
- [Модулі Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-modules.md): 18 запитань, Mid-Level
- [Composables у Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-composables.md): 20 запитань, Mid-Level
- [Форми та валідація Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-forms-validation.md): 20 запитань, Mid-Level
- [Керування станом у Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-state-management.md): 18 запитань, Mid-Level
- [Тестування Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-testing.md): 20 запитань, Mid-Level
- [Розгортання Nuxt та CI/CD](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-deployment-cicd.md): 22 запитань, Mid-Level
- [Продуктивність Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-performance.md): 22 запитань, Senior
- [Просунуті патерни Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-advanced-patterns.md): 24 запитань, Senior
- [TypeScript із Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/typescript-vue.md): 22 запитань, Senior
- [Автентифікація Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-auth.md): 20 запитань, Senior
- [SEO з Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-seo.md): 20 запитань, Senior
- [Інтернаціоналізація Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-i18n.md): 18 запитань, Senior
- [Архітектура Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-architecture.md): 22 запитань, Senior
- [Безпека Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-security.md): 20 запитань, Senior
- [Екосистема Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-ecosystem.md): 18 запитань, Senior
- [Міграція Vue 2→3 та Nuxt 2→3](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/migration-vue2-vue3-nuxt2-nuxt3.md): 22 запитань, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-ssr-ssg