Nuxt
Nuxt — фреймворк на Vue с SSR/SSG. Для SEO важен тот же принцип: контент в HTML, не только после гидрации.
Когда выбирают Nuxt вместо другого стека
Принцип тот же: текст в HTML, не только после гидрации. Иначе сниппет и индекс страдают независимо от «крутости Vue».
Где Nuxt уместен
- Фреймворк на Vue с серверным рендером и статикой. Тот же класс, что Next.js, только другая библиотека на фронте.
- Принцип тот же: текст в HTML, не только после гидрации. Иначе сниппет и индекс страдают независимо от «крутости Vue».
- Выбор по команде: Vue — Nuxt, React — Next. Для заказчика важнее сроки и поддержка, не логотип фреймворка.
- Нормальный вариант, если в штате Vue. Корпоративному сайту нужны страницы, формы, скорость — не «SPA ради SPA».
- Серверный рендер на Vue, обычно через Nuxt. Браузер и робот получают готовую разметку, а не ждут, пока JS всё нарисует.
Nuxt и SSR
| Проблема | Норма | Действие | |
|---|---|---|---|
| Ситуация | Так нельзя | Так надо | Проверка |
| Nuxt | Общие слова | Конкретный факт | Страница / отчёт |
| Команда | Нет ответственного | Регламент | Раз в месяц |
ПрактикаСерверный рендер на Vue, обычно через Nuxt. Браузер и робот получают готовую разметку, а не ждут, пока JS всё нарисует.
Nuxt: как применяют
Берут, если стек Vue. Спор «Next vs Nuxt» — про команду, не про магию позиций.
Частые вопросы
Что такое Nuxt?
Фреймворк на Vue с серверным рендером и статикой. Тот же класс, что Next.js, только другая библиотека на фронте.
Nuxt SEO
Принцип тот же: текст в HTML, не только после гидрации. Иначе сниппет и индекс страдают независимо от «крутости Vue».
Nuxt или Next.js
Выбор по команде: Vue — Nuxt, React — Next. Для заказчика важнее сроки и поддержка, не логотип фреймворка.
Nuxt корпоративный сайт
Нормальный вариант, если в штате Vue. Корпоративному сайту нужны страницы, формы, скорость — не «SPA ради SPA».
SSR Vue
Серверный рендер на Vue, обычно через Nuxt. Браузер и робот получают готовую разметку, а не ждут, пока JS всё нарисует.