Разработка на Nuxt — это создание веб-приложений на Nuxt, full-stack фреймворке, который оборачивает Vue в то, что нужно продакшен-сайту: , роутинг по файловой структуре, серверные API-роуты, оптимизацию изображений и контентный слой для страниц на Markdown. Сайт на Nuxt отдаёт настоящий 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, или начните с пилларной страницы веб-разработки.