SSR і SSG у Nuxt
Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro
1Що таке Server-Side Rendering (SSR) у Nuxt?
Що таке Server-Side Rendering (SSR) у Nuxt?
Відповідь
SSR генерує повний HTML на сервері з кожним запитом, а потім надсилає його клієнту. Це покращує SEO, оскільки пошукові системи отримують одразу доступний HTML-контент, а також скорочує час до першого відображення (first paint). SSR є типовим режимом рендерингу в Nuxt 3, на відміну від клієнтського рендерингу, де JavaScript генерує контент у браузері.
2Що таке Static Site Generation (SSG) у Nuxt?
Що таке Static Site Generation (SSG) у Nuxt?
Відповідь
SSG генерує всі сторінки як статичний HTML під час білду, що дозволяє дуже швидко подавати попередньо згенеровані файли. Цей підхід ідеальний для сайтів із контентом, який рідко змінюється, наприклад блогів чи документації. У Nuxt 3 використання nuxt generate активує SSG, створюючи HTML-файли для кожного налаштованого маршруту.
3Яку команду Nuxt слід використовувати для генерації статичного сайту?
Яку команду Nuxt слід використовувати для генерації статичного сайту?
Відповідь
Команда nuxt generate (або npm run generate, якщо налаштовано в package.json) запускає статичну генерацію всіх сторінок. Nuxt обходить маршрути та створює HTML-файл для кожного, який розміщується в папці .output/public. Ця команда використовується для розгортання на статичних хостингах, як-от Netlify, Vercel або GitHub Pages.
Яка головна перевага SSR для SEO?
Що таке hybrid rendering у Nuxt?
+19 питань зі співбесід
Інші теми співбесід Vue.js / Nuxt.js
Основи JavaScript
Сучасний JavaScript (ES6+)
Основи Vue
Компоненти Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Реактивність Vue
Основи Nuxt
Отримання даних у Nuxt
Серверні маршрути Nuxt
Модулі Nuxt
Composables у Vue
Форми та валідація Vue
Керування станом у Nuxt
Тестування Vue
Розгортання Nuxt та CI/CD
Продуктивність Vue
Просунуті патерни Vue
TypeScript із Vue
Автентифікація Nuxt
SEO з Nuxt
Інтернаціоналізація Nuxt
Архітектура Vue
Безпека Nuxt
Екосистема Vue
Міграція Vue 2→3 та Nuxt 2→3
Опануй Vue.js / Nuxt.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно