Web & CMS

Что такое Nuxt (Vue)

Что это

Инструмент для сборки быстрых сайтов: страницы отдаются готовым HTML, поэтому открываются мгновенно и полностью читаются поисковиками. Vue — язык интерфейсов внутри него.

Как используем

На Nuxt собраны сайт студии и интернет-магазин с админкой. Содержимое лежит в файлах в git или в базе, дизайн свой, без шаблонов конструкторов.

Где Nuxt нужен бизнесу

  • Сайт должен находиться в поиске и открываться быстро с телефона по ссылке из рекламы.
  • У каждой услуги, товара и кейса должна быть своя страница со своим адресом, а не один длинный лендинг.
  • Нужны две языковые версии, и поисковики должны понимать, что это пары, а не дубли.
  • Магазину нужна витрина и панель управления под то, что меняет владелец.

Какие бывают варианты

  • SSR (сборка на сервере). Страница собирается при каждом запросе и отдаётся готовым HTML. Нужно, когда данные меняются часто: остатки, цены, заказы.
  • Статика. Страницы собраны заранее и лежат файлами, серверу почти нечего делать. Подходит сайту, который меняется только при выкатке.
  • Nuxt плюс API. Витрина на Nuxt, данные и логика — в отдельной серверной части, например на FastAPI.

Наш русский сайт работает как SSR в одном контейнере, а зарубежная версия того же проекта собрана в статику.

Как мы это используем

  • Сайт студии. Nuxt 4 и Nuxt Content 3: страницы, кейсы и справочник лежат в markdown и JSON в git, структуру проверяет схема на Zod, поэтому опечатка в поле не доходит до посетителя. Русский без префикса, английский на /en, карта сайта и robots.txt собираются из контента, у страниц своя разметка JSON-LD. Контейнеру хватает 150–300 МБ памяти.
  • Интернет-магазин. Витрина и панель управления на Nuxt 4 с FastAPI. Поисковый робот сразу видит товары, у каждой страницы свои заголовок и описание, у товара разметка Product, карта сайта строится на лету из видимых товаров.

Сайты на Nuxt — в разделе Сайты и интернет-магазины.

Типичные проблемы

  • Сборке не хватает памяти сервера. Небольшой VPS не соберёт Nuxt. Образ собираем на рабочей машине и загружаем готовым.
  • Тестовый сайт попадает в поиск. Одна переменная окружения переводит сайт в режим стенда: noindex в мета-тегах и запрет в robots.txt.
  • Контент в git подходит не всем. Правка сайта студии — это правка файла и новая сборка. Владельцу, который хочет сам менять цены и тексты каждый день, нужна панель управления.
  • Счётчик в памяти сбрасывается. Защита брифа от спама считает заявки с адреса в памяти процесса, и после перезапуска контейнера счётчик обнуляется.

Когда это не нужно

Для одной страницы-визитки Nuxt избыточен: хватит HTML, CSS и JavaScript без сборки, как на сайте Валерия Афанасьева. А если заказчику принципиально нужна привычная админка WordPress, делаем на WordPress со своей темой.

← Все термины

Нужен сайт, бот или автоматизация?

Термины объяснили — теперь давайте к делу: расскажите о задаче, а мы переведём её на понятный план работ.