Розробка, підтримка та доробка сайтів на Nuxt

Робимо на Nuxt сайти й інтернет-магазини із серверним рендерингом, беремо на супровід чужі проєкти і переводимо їх з Nuxt 2 на Nuxt 3 і Nuxt 4.

Nuxt 2 → Nuxt 3/4

Підтримку Nuxt 2 завершено 30 червня 2024 року. Переносимо проєкти зі збереженням URL і позицій у пошуку.

\01
SSR і SSG під SEO

Кожен тип сторінок отримує свій режим рендерингу: статичний, серверний або з періодичним оновленням.

\02
12 років, 450+ проєктів

Фронтенд, бекенд, SEO і підтримка в одній команді.

\03

Коротко: розробка сайту на Nuxt.js

  • Що це. Nuxt — фреймворк на Vue для сайтів і магазинів із серверним (SSR) або статичним (SSG) рендерингом, тож пошуковик отримує готовий HTML.
  • Коли обрати. Підходить, якщо потрібен швидкий контентний сайт чи магазин з гнучким фронтендом. Для простої візитки, яку оновлює менеджер, часто достатньо CMS.
  • Що робимо. Horenko Production (Київ, з 2014 року) робить нові сайти на Nuxt, бере на супровід чужі проєкти й переносить їх з Nuxt 2 на Nuxt 3 і 4 зі збереженням URL.
  • Скільки коштує. Аудит коду — від $300, погодинно — від $35/год, абонентська підтримка — від $350/міс, виділений розробник — від $4 000/міс. Міграцію з Nuxt 2 і новий сайт оцінюємо після аудиту.
  • Детальніше про розробку корпоративного сайту — від $2 000, від 10 робочих днів; для наявного сайту — безкоштовний SEO-аудит.

Проєкт на Nuxt.js? Візьмемо в роботу

Розробка, підтримка й доробка на Nuxt.js, зокрема чужих проєктів. Аудит коду — безкоштовно.

Тарас Горенко
Тарас ГоренкоCEO Horenko Production · відповімо за 15 хв
Написати в Telegram

Розробка сайтів на Nuxt.js і супровід наявних проєктів

Розробка сайтів на Nuxt.js потрібна, коли сайт на Vue має збирати трафік із Google: корпоративний сайт, каталог, блог, інтернет-магазин, багатомовний проєкт. Nuxt — фреймворк на базі Vue, який рендерить сторінки на сервері або заздалегідь, тому пошуковик одразу отримує готовий HTML із текстом, мета-тегами і розміткою.

Чимало Nuxt-сайтів досі працює на Nuxt 2 без оновлень безпеки. Ми беремо такі проєкти на підтримку, стабілізуємо і плануємо переїзд на актуальну версію.

Якщо вам потрібен особистий кабінет, адмінка чи інший застосунок за логіном, де SEO не важливе, — дивіться розробку на Vue.js. На цій сторінці — публічні сайти й магазини.

З якими Nuxt-проєктами до нас приходять

Сайт на Nuxt 2

Версія без підтримки, залежності з вразливостями, модулі не оновлюються.

\01
Пішов розробник

Незрозуміло, як зібрати проєкт і де він розгорнутий.

\02
Помилки гідратації

Сторінка «блимає», частина елементів не реагує, у консолі — hydration mismatch.

\03
Сервер падає під навантаженням

SSR-процес споживає дедалі більше пам'яті й перезапускається.

\04
Проблеми з індексацією

Дублі сторінок, неправильні canonical і hreflang, порожні мета-теги на частині шаблонів.

\05
Зв'яжіться з нами
Послуги

Що ми робимо з сайтами на Nuxt

Підтримка і супровід

Оновлення Nuxt і модулів, моніторинг помилок і доступності, дрібні правки.

Аудит коду

Версії, модулі, рендеринг, безпека, SEO-розмітка, швидкість. Письмовий звіт.

Виправлення багів

Гідратація, витоки пам'яті на сервері, зламані редиректи і мультимовність.

Міграція Nuxt 2 → Nuxt 3/4

Разом із переходом на Vue 3, Pinia і нові модулі.

Прискорення

Статична генерація там, де можна, кешування відповідей, оптимізація зображень.

Доробка й інтеграції

Каталог і кошик через API магазину, headless CMS, форми із заявками в CRM і Telegram.

Нова розробка

Корпоративні сайти, каталоги й інтернет-магазини на Nuxt під ключ.

Зв'яжіться з нами

Як ми приймаємо Nuxt-сайт від іншої команди

Крок 1. Доступи і бекап. Збираємо все для збірки і деплою.

  • Репозиторій, сервер або хостинг, домен, CMS, змінні оточення; копія коду і контенту.

Крок 2. Аудит. Фіксуємо стан проєкту письмово.

  • Версії Nuxt, Vue і Node.js, модулі, режими рендерингу.
  • Вразливості, SEO-розмітка, споживання пам'яті SSR-процесом.

Крок 3. Стабілізація. Виправляємо критичні помилки, налаштовуємо автоперезапуск процесу.

Крок 4. Процес. Налаштовуємо безпечні зміни.

  • Git, staging, автоматичний деплой через Docker або PM2.

Крок 5. План оновлень. Оцінюємо міграцію на Nuxt 3/4 і погоджуємо порядок.

Крок 6. Регулярна робота. Погодинно, абонементом або з виділеним розробником.

Технічні задачі, які ми регулярно вирішуємо на Nuxt

01. Nuxt 2 → Nuxt 3

Фактично перенесення на нову архітектуру: Vue 3, сервер Nitro, asyncData і fetch замінюються на useAsyncData і useFetch, @nuxtjs/axios — на $fetch, Vuex — на Pinia. Nuxt Bridge допомагає рухатися поетапно.

02. Nuxt 3 → Nuxt 4

Менший перехід: нова структура каталогів і зміни в отриманні даних. Частину змін можна увімкнути ще на Nuxt 3 у режимі сумісності.

03. Гібридний рендеринг

Через routeRules задаємо для кожного розділу свій режим: статичні сторінки, SSR для каталогу, періодичне оновлення кешу, клієнтський рендеринг для кабінету.

04. SEO

useSeoMeta, sitemap, canonical, мікророзмітка, модуль i18n з hreflang для uk/ru/en, 301-редиректи при міграції.

05. Інтернет-магазин на Nuxt

Nuxt як вітрина до API магазину: каталог і фільтри з SSR, кошик і оформлення на клієнті.

06. Хостинг

Nitro збирає проєкт під Node-сервер, статичний хостинг або serverless-платформи. Налаштовуємо Docker, PM2 і кеш.

07. Nuxt Content

Сайти й блоги, де тексти зберігаються в Markdown у репозиторії, без окремої CMS.

Зв'яжіться з нами

Стек

Поруч із Nuxt працюємо з Vue 3, Pinia, TypeScript, Nitro, Nuxt Content, headless CMS, Laravel і Node.js. Суміжні сторінки: Vue, Next.js, Laravel.

Скільки коштує підтримка і розробка сайту на Nuxt

Аудит коду Nuxt-проєкту — від $300. Міграцію з Nuxt 2 і новий сайт оцінюємо після аудиту.

Погодинно
для разових задач — баг, нова сторінка, оновлення модулів.
від $35/год
  • оцінка до старту
  • окрема гілка
  • перевірка на staging
  • звіт по часу
Абонентська підтримка
для робочих сайтів і магазинів.
від $350/міс
  • 10 годин роботи на місяць
  • оновлення безпеки
  • моніторинг доступності й пам'яті
  • реакція на критичні інциденти
Виділений розробник
для міграції з Nuxt 2 або активного розвитку магазину.
від $4 000/міс
  • Nuxt-розробник на повний день
  • щотижневі демо
  • код-рев'ю

Стек наших технологій

Часті запитання

Питання про сайти на Nuxt

  • Чи візьмете на підтримку Nuxt-сайт, який робили інші?

    Так. Починаємо з аудиту коду і сервера, даємо письмовий звіт про стан сайту і ризики. Потім узгоджуємо план робіт і модель оплати.

  • Скільки коштує підтримка сайту на Nuxt?
  • Чи можна оновити Nuxt 2 до Nuxt 3 без переписування сайту?
  • Чи втратить сайт позиції в Google після міграції?
  • Чи підходить Nuxt для інтернет-магазину?
  • Nuxt чи Next.js — що обрати?
Background element
Background element
Background element

https://api.horenko-production.com/uploads/small_telegram_cloud_photo_size_2_5300949573205877918_y_1_cd0f6cffff.webp
Маєте цікаву ідею для проєкту?

Зв'яжіться з нами
Відповімо за 15 хв