Разработка на Nuxt — это создание веб-приложений на Nuxt, full-stack фреймворке, который оборачивает Vue во всё, что нужно продакшен-сайту: , роутинг по файловой структуре, серверные API-роуты, оптимизацию изображений и контентный слой для страниц на Markdown. Практическое следствие — сайт, который отдаёт настоящий HTML уже в первом ответе: краулеры, превью ссылок и медленные телефоны получают саму страницу, а не спиннер, который её обещает.

Мы не нейтральны к этому фреймворку и не притворяемся нейтральными. Этот сайт — четыре языковых домена, контентные коллекции на Markdown, генерируемые карты сайта, структурированные данные на каждой странице — это Nuxt, и последствия каждого архитектурного решения мы чувствуем на собственном поисковом трафике раньше, чем рекомендуем его кому-либо.

Какие продукты мы делаем

  • Маркетинговые и контентные сайты — быстрые, индексируемые, редактируемые в Markdown или через CMS; это отдельный тариф на странице веб-разработки
  • Контентные платформы — блоги, документация, многоязычные редакционные сайты, где структурированные данные и hreflang делают настоящую работу
  • Продуктовые веб-приложения — интерактивные приложения с авторизацией, чьи публичные страницы всё равно должны ранжироваться; вариант для бэк-офиса разобран на странице админ-панелей и дашбордов
  • Миграции на Nuxt — перенос фронтенда с серверных шаблонов, WordPress или клиентского SPA без остановки продукта
  • Веб-сторона мобильного продукта — где продукт живёт в приложении, а веб — его публичное лицо; у этой пары своя страница, парные веб-приложения

Кто будет делать ваше приложение на Nuxt

Оба доказательства ниже живые, и любое из них вы можете проверить сами.

Этот сайт, который вы прямо сейчас читаете через Nuxt

nerdy.pro работает на Nuxt 4 с SSR: мультидоменная локализация на четыре языка, Nuxt Content за каждой страницей услуг и блога, генерируемые карты сайта, JSON-LD на каждой странице и Core Web Vitals, за которые мы отвечаем собственными лидами. Сказать «мы сами этим пользуемся» легко, поэтому мы делаем это проверяемым: откройте исходный код этой страницы — полный HTML уже там, без единой строки JavaScript.

Formtastic — фронтенд, переведённый на Nuxt под нагрузкой

Интерфейс Formtastic начинался как шаблоны Django: быстрый старт, всё более дорогое развитие, каждое изменение UI завязано на бэкенд-разработчика. Мы разделили систему: Django остался API, а весь пользовательский интерфейс переехал на фронтенд на Nuxt с SSR и SSG. Разработка экранов ускорилась, нагрузка на сервер снизилась, а публичные страницы измеримо выиграли в SEO и скорости загрузки. Веб-приложение живёт по адресу app.formtastic.de. Бэк-офис нашей платформы кэшбэка и лояльности — тоже Nuxt: серверные роуты и конвенции фреймворка окупаются даже там, где SEO вообще ни при чём.

Чего на самом деле требует работа с Nuxt

Рендеринг фреймворк даёт бесплатно; продакшен на Nuxt — это всё вокруг него. Результат решают четыре дисциплины.

Правильный способ рендеринга для каждой страницы

SSR, SSG и рендеринг только на клиенте — решения на уровне маршрута, а не религия. Страница цен хочет быть статически сгенерированной и закэшированной на краю сети; дашборду за логином серверный рендеринг не нужен вовсе; контентной странице нужен SSR с заголовками кэширования, подстроенными под частоту её изменений. Мы задаём этот выбор явно для каждого маршрута, а несовпадения гидрации — классический продакшен-баг Nuxt — устраняем в корне.

Моделирование контента до ввода контента

Контентный сайт держится на своей схеме: какие поля есть у страницы, что валидируется на этапе сборки, что редактор может и не может сломать. Мы сначала моделируем контент — в Nuxt Content с типобезопасными схемами, когда текстами владеют разработчики, или в headless CMS, когда редакторы; компромисс между ними разобран на странице веб-разработки.

SEO-машинерия, которую большинство проектов пропускает

Мета-теги и Open Graph, отрендеренные на сервере, канонические URL, hreflang между языками и доменами, структурированные данные JSON-LD, карты сайта, которые обновляют себя сами. Этот сайт выпускает всё это, страница за страницей, из того же кода, который мы деплоим клиентам, — потому мы и называем это машинерией, а не плагином, который достаточно включить.

Производительность как бюджет, а не как надежда

Core Web Vitals — цели, под которые мы строим: изображения, нарезанные и лениво загружаемые через собственный конвейер Nuxt, код, разбитый по маршрутам, кэширование, заданное по типу контента. Серверный рендеринг сам по себе не делает страницу быстрой; он лишь передаёт управление её скоростью вам.

Миграция на Nuxt без остановки продукта

Паттерн Formtastic обобщается. Существующий бэкенд продолжает служить API — Django, Rails, Laravel, PHP-сервисы, не важно, — а интерфейс переезжает на Nuxt маршрут за маршрутом, начиная с публичных страниц, где SSR окупается немедленно. Ни переписывания «большим взрывом», ни заморозки функций — и каждый перенесённый маршрут измеряется против своего предшественника по скорости и поиску, прежде чем поедет следующий. Если ваш фронтенд — клиентский SPA, который не ранжируется в принципе, путь тот же: меняется фреймворк под ним, дисциплина миграции — нет.

Как мы работаем

Проект с фиксированным объёмом. Дискавери, модель контента, разработка, деплой — включая подключение аналитики и передачу поисковой консоли, чтобы SEO-результаты вы могли измерить сами, не полагаясь на наши слова.

Staff augmentation. Наши инженеры входят в ваш репозиторий и спринты — см. расширение команды.

В обоих случаях смету под задачу мы присылаем в течение двух рабочих дней после того, как разберёмся в требованиях.

Сколько стоит разработка на Nuxt

Работа на Nuxt оценивается по опубликованным тарифам страницы веб-разработки: маркетинговый или контентный сайт — 450 000–1 080 000 ₽, веб-приложение с авторизацией — 1 350 000–3 600 000 ₽, а контентная платформа на headless CMS в руках редакторов — 1 800 000–4 500 000 ₽.

Это те же опубликованные тарифы, что и в таблице цен пилларной страницы — обе рисуются из одних ключей, поэтому разойтись они не могут. Миграция стоит как тариф, в который она попадает: перенос маркетингового сайта на Nuxt — работа тарифа маркетингового сайта, перенос продуктового фронтенда с авторизацией — тариф веб-приложения; существующий API в обоих случаях остаётся на месте.

Частые вопросы

Что чаще всего спрашивают команды, рассматривающие Nuxt для нового проекта или миграции.

Nuxt — это full-stack веб-фреймворк на основе Vue, в котором серверный рендеринг, роутинг, серверные API-роуты и оптимизация изображений работают из коробки. Практическая причина выбрать его: страницы приходят настоящим HTML, поэтому поисковики и превью ссылок читают их без выполнения JavaScript — самый мощный рычаг уровня фреймворка для органического поиска. Наш собственный сайт работает на нём, так что рекомендуем мы его по опыту эксплуатации, а не по сравнительной таблице.
Это честные эквиваленты: Nuxt для Vue — то же, что Next.js для React, и оба хорошо решают серверный рендеринг, роутинг и full-stack конвенции. Решающий фактор почти никогда не фреймворк, а то, под какую экосистему ваша команда может нанимать и что сможет поддерживать. Наша экосистема — Vue, собственный бизнес мы ведём на Nuxt, и именно эту операционную глубину мы и продаём. Если ваша команда глубоко в React и нанимает под него, правильный выбор — Next.js, и мы так и скажем.
Да — это и есть паттерн Formtastic. Ваш существующий бэкенд остаётся API, а интерфейс переезжает на Nuxt маршрут за маршрутом, начиная с публичных страниц, где серверный рендеринг окупается немедленно. Без заморозки функций, без переключения «большим взрывом», и каждый перенесённый маршрут измеряется против предшественника по скорости и поиску, прежде чем поедет следующий. Дисциплина одна и та же, уходите ли вы с серверных шаблонов, WordPress или клиентского single-page приложения.
Если ваш текущий фронтенд рендерится в браузере или привязывает каждую страницу к медленным серверным шаблонам — обычно да, и измеримо. Серверный рендеринг помещает контент, мета-теги и структурированные данные в первый же HTML-ответ, а это самое значимое решение уровня фреймворка для органического поиска. Публичные страницы Formtastic после переезда выиграли и в SEO, и в скорости загрузки. Чего Nuxt не может — компенсировать слабый контент: если проблема в текстах, а не в рендеринге, мы вам об этом скажем.
Быстрый маркетинговый или контентный сайт обычно стоит от 400 000 до 960 000 рублей и занимает две-четыре недели, веб-приложение с авторизацией — от 1 200 000 до 3 200 000 за один-три месяца, а контентная платформа на headless CMS в руках редакторов — от 1 600 000 до 4 000 000. Это опубликованные тарифы нашей страницы веб-разработки, а не стартовая позиция для звонка с менеджером. Миграция стоит как тариф, в который попадает, поскольку существующий API остаётся.
Для чисто внутреннего инструмента за логином, где индексировать нечего: обычное single-page приложение на Vue проще для понимания и дешевле в эксплуатации, и наши собственные заметки о технологиях говорят ровно это. А ещё — когда ваша команда предана React: с Next.js вы продолжаете нанимать из собственной экосистемы. Nuxt оправдывает свою сложность, когда страницы должны находиться, расшариваться или быстро открываться с первого захода; когда ничего из этого не нужно, мы порекомендуем то, что проще.

Прочитайте кейс миграции Formtastic, посмотрите, почему мы берём Nuxt, а не чистый Vue, когда важно SEO, или начните с пилларной страницы веб-разработки.