Icon

Розробка, підтримка та доробка на Vue.js

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

Vue 2 → Vue 3

Vue 2 не отримує оновлень із 2024 року. Переносимо проєкти поетапно, без зупинки роботи.

\01
Laravel + Vue

Кабінети й адмінки на зв'язці Laravel, Inertia і Vue — без окремого API там, де воно не потрібне.

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

Фронтенд, бекенд і дизайн інтерфейсів в одній команді.

\03

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

Розробка на Vue.js добре підходить для інтерфейсів, з якими люди працюють щодня: особистий кабінет клієнта, панель менеджера, адмінка, CRM, калькулятор чи конфігуратор. Фреймворк Vue легко вбудувати в наявний сайт частинами, тому його часто обирають для поступового оновлення старих систем.

Багато Vue-проєктів дісталися власникам від фрилансерів і застрягли на Vue 2 з Vuex і Vue CLI. Ми беремо такі застосунки на підтримку: розбираємося в коді, закриваємо вразливості і складаємо план міграції.

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

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

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

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

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

Застосунок на Vue 2

Підтримку завершено 31 грудня 2023 року, оновлень безпеки немає, нові бібліотеки Vue 2 не підтримують.

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

Документації немає, збірка на Vue CLI і webpack працює лише на одному комп'ютері.

\02
Адмінка гальмує

Таблиці на тисячі рядків, реактивність на великих об'єктах, важкий бандл.

\03
UI-бібліотека застаріла

Vuetify 2, Element UI або BootstrapVue тримають проєкт на старій версії Vue.

\04
Laravel Mix і старий фронтенд

Laravel оновили, а фронтенд досі збирається старим інструментом.

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

Що ми робимо з Vue-проєктами

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

Оновлення залежностей, моніторинг помилок, дрібні правки, реакція на збої.

Аудит коду

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

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

Втрата реактивності, зламані форми і валідація, гонки запитів, витоки пам'яті.

Міграція Vue 2 → Vue 3

Разом із Vue Router, переходом з Vuex на Pinia і з Vue CLI на Vite.

Прискорення

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

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

Нові екрани і ролі, звіти, імпорт з Excel, API вашої CRM, оплати.

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

SPA, кабінети, адмінки, дашборди на Vue 3 і TypeScript; бекенд на Laravel або Node.js.

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

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

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

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

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

  • Версії Vue, Vue Router, Vuex або Pinia, збирача і UI-бібліотек.
  • Вразливості, покинуті пакети, вузькі місця швидкодії.

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

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

  • Git, staging, автоматичний деплой, лінтер і тести на ключові сценарії.

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

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

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

01. Vue 2 → Vue 3 через migration build

Підключаємо @vue/compat, прибираємо попередження по одному: фільтри, $on/$off для шини подій, зміни v-model на компонентах.

02. Vue 2.7 як проміжний крок

Якщо повна міграція зараз задорога, оновлюємося до 2.7 і починаємо писати новий код на Composition API.

03. Vuex → Pinia

Переносимо модулі стану поступово: обидва сховища можуть жити в проєкті одночасно.

04. Vue CLI і webpack → Vite

Швидша збірка і дев-сервер; у Laravel-проєктах — перехід з Laravel Mix на Vite.

05. UI-бібліотеки

Vuetify 2 → 3, Element UI → Element Plus, заміна BootstrapVue. Часто це найбільша частина міграції.

06. Options API

Досі підтримується, тому старі компоненти не переписуємо без потреби; Composition API і TypeScript — для нового коду.

07. Великі таблиці

Віртуальний скрол, shallowRef для великих масивів, серверна пагінація.

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

Стек

Поруч із Vue працюємо з Pinia, Vite, TypeScript, Inertia.js, Laravel і Node.js. Суміжні сторінки: Nuxt, Laravel, React.

Скільки коштує підтримка і розробка на Vue.js

Аудит коду Vue-проєкту — від $300. Міграцію Vue 2 → Vue 3 і нову розробку оцінюємо після аудиту: обсяг залежить від кількості компонентів і UI-бібліотек.

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

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

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

Питання про розробку і підтримку на Vue.js

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

    Так. Спершу проводимо аудит і даємо письмовий звіт: версії, вразливості, ризики, що виправити першим. Потім узгоджуємо план і модель оплати.

  • Скільки коштує підтримка Vue-проєкту?
  • Чи можна перейти з Vue 2 на Vue 3 без переписування застосунку?
  • Що буде, якщо лишитися на Vue 2?
  • Чи підходить Vue для сайту, якому потрібне SEO?
  • Чи працюєте ви зі зв'язкою Laravel і Vue?
Background element
Background element
Background element

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

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