Vue · Nuxt · TypeScript — архитектура, которую не придётся переписывать
Разрабатываю и привожу в порядок приложения на Vue 3 и Nuxt. Берусь за то, что тормозит, разваливается или сделано не так. Производительность с первого коммита, честная оценка до старта.
Шесть направлений.
Один инженер.
Не агентство, не команда-аутсорс. Один специалист с полной ответственностью за результат. Каждая услуга — с конкретным планом и измеримым выходом.
Аудит проектов
Разбираю приложение по слоям и отдаю отчёт с планом, что и в каком порядке чинить.
Подробнее /developmentРазработка с нуля
Веду проект от макетов до запущенного приложения на надёжной архитектуре.
Подробнее /apiREST API
Проектирую и дорабатываю API, с которым фронтенду удобно работать.
Подробнее /ui-componentsUI-компоненты
Делаю переиспользуемые, доступные и быстрые компоненты — вплоть до дизайн-системы.
Подробнее /seoSEO и контент
Делаю приложение индексируемым и быстрым, пишу тематические тексты.
Подробнее /refactorРефакторинг
Привожу в порядок существующий код — архитектура, TypeScript, миграция на Vue 3.
Подробнее Узнайте себя —
и сразу к делу.
Три типичные ситуации. Для каждой — что приходит на вход и что клиент получает на выходе.
Проект тормозит
или разваливается
Проект работает — но с каждым спринтом это даётся всё тяжелее. Vue 2, Options API, Vuex, нет TypeScript. Команда боится трогать код, CWV красные, бандл раздут. Начинаю с аудита: нахожу реальные причины и расставляю приоритеты. Затем — итерационный рефакторинг, который не останавливает продакшн и не переписывает всё с нуля.
- −Vue 2, Options API или устаревший Nuxt
- −Красные CWV, раздутый бандл
- −Код, в котором страшно что-то менять
- −Техдолг тормозит каждую новую фичу
- ✓Vue 3 + Composition API + Pinia
- ✓TypeScript с реальными типами
- ✓CWV в зелёной зоне
- ✓Архитектура, которую команда понимает
Строю новый
продукт с нуля
Есть идея или дизайн — нужен инженер, который построит правильно с первого коммита. Не «запустим, а потом разберёмся», а архитектура под рост, TypeScript, SSR там где надо. Веду проект от первого созвона до деплоя: проектирование, разработка, качество, запуск. В финале — код, документация и настроенный деплой. Проект остаётся вашим.
- −Идея или готовые макеты в Figma
- −Нужен стек, архитектура, деплой
- −SSR и SEO важны с первого дня
- −Нет команды или нужен внешний инженер
- ✓Запущенное приложение на Vue 3 / Nuxt
- ✓Чистый типизированный код
- ✓Настроенный деплой и документация
- ✓Фундамент, на котором команда строит дальше
Нужна помощь
на конкретной задаче
Не нужен полный проект — нужно точечно закрыть проблему. API без контрактов, UI в хаосе, SPA не индексируется в Google, сложный компонент которого нет в готовых библиотеках. Каждая из этих задач — отдельная услуга. Берусь точечно, оцениваю честно, не навязываю лишнего.
- −API без документации, нестабильные контракты
- −UI разрознен или нет нужных компонентов
- −SPA не индексируется, позиции не растут
- −Команда завязла на конкретном фрагменте
- ✓Предсказуемые контракты и документация
- ✓Компонент или дизайн-система
- ✓Видимость в Google, зелёные CWV
- ✓Задача закрыта без оплаты лишнего
Результат — в метриках.
TravelShop — поиск и бронирование
TravelShop — система поиска и бронирования авиабилетов
Один из самых нагруженных доменов фронтенда: сотни правил тарификации, валидация данных пассажиров, кеширование поисковых запросов. Переписал ядро на масштабируемую архитектуру.
Доказательства
лежат в npm.
Скромно, но честно: переиспользуемые и доступные решения, которые можно поставить и прочитать. Лучшая проверка инженерного уровня.
Мощный инструмент для изображений в Vue 3 и Nuxt 3. Один компонент вместо десятка костылей: ленивая загрузка, WebP/AVIF, Blurhash и LQIP, автогенерация srcset, арт-дирекшн, retry. CLI для генерации изображений, CDN‑адаптеры, Vite‑плагин, директива для фонов. SSR, Nuxt, типобезопасность. Без внешних зависимостей, кроме Vue 3.
npm i @macrulez/vue-image-kitУдобные уведомления для Vue 3 и Nuxt 3. Показывайте статус операций, давайте отменить действие, группируйте сообщения и управляйте их важностью. Полная кастомизация внешнего вида. Легко подключается, мало весит. Всё, что нужно для уведомлений.
npm i vue-toast-kitГотовый слой локализации для Vue 3 на основе vue-i18n. Lazy-загрузка локалей, ICU-плюрализация через Intl.PluralRules, метаданные локалей, форматирование дат и валют. Vite-плагин для проверки полноты переводов, CLI для работы с файлами локалей, браузерный редактор локалей. SSR и Nuxt ready.
npm i vue-i18n-kitУниверсальный плагин мониторинга сети для Vue 3. Перехватывает HTTP (Fetch/XHR), WebSocket и SSE, логирует в едином формате с автоматической санитизацией данных. Включает реактивную статистику, моки запросов, экспорт в HAR, водопадную диаграмму, Diff View и готовый UI-компонент с фильтрацией. Поддерживает Nuxt 3, Sentry и OpenTelemetry.
npm i vue-network-dashboard Работаем по шагам —
вы всё видите.
Обсуждаем
Бесплатно разбираю задачу и контекст. Если задача не моя — честно скажу, не возьмусь.
Оцениваю
Сроки, объём, риски и стоимость — до старта, письменно. Никаких размытых формулировок и пересмотра цены в конце.
Работаю итерациями
Регулярные демо и живой прогресс. Вы видите, что происходит, на каждом шаге.
Сдаю с кодом
Код, документация, деплой. Проект остаётся вашим и развивается без меня.
Принципы, а не
обещания.
Не потому что так принято, а потому что дорогостоящие переделки — это реальная история. Каждый принцип виден в результате: в скорости, в чистоте кода, в том, как просто команда развивает проект после меня.
Архитектура
Фундамент, который выдержит рост, — а не «лишь бы заработало к дедлайну». Окупается каждым следующим спринтом.
Производительность
Скорость — не «оптимизируем потом». Требование с первого коммита. CWV зелёные с самого старта.
Чистый код
Типизированный и понятный — чтобы команда развивала проект без меня и без страха что-то сломать.
Минимум зависимостей
Не тащу лишнее. Каждая зависимость — это риск и обслуживание. Беру только то, без чего не обойтись.
Не мои слова —
их слова.
Ожидал список из 50 пунктов — получил структурированный отчёт с тремя приоритетами, которые реально давили на скорость. После рефактора поняли, что могли бы ещё год ходить по кругу без этого анализа.
Строили SPA с нуля — Nuxt 3, сложная маршрутизация, несколько ролей. Архитектура получилась такой, что наш джун разобрался за день. До этого работали с двумя командами — каждый раз переписывали. Здесь нет.
Мигрировали с Vue 2 на Vue 3 — большой проект, три года техдолга. Самое ценное: ни одного инцидента в продакшне за всё время работ. Каждая итерация приходила с демо и понятным описанием изменений.
Наш API был написан так, что фронтенд делал 8 запросов для одного экрана. Переработал контракты, написал документацию. Теперь онбординг новых разработчиков занимает вдвое меньше времени.
Нужен был сложный компонент таблицы с виртуализацией, фильтрами и вложенными строками. Пробовали готовые библиотеки — ни одна не подошла. Сделал с нуля: TypeScript, storybook-документация. Взяли в команду на постоянку.
SPA на Vue вообще не индексировался — сидели на нулях в поиске полгода. После работ с SSR и мета-разметкой через три месяца вошли в топ-10 по ключевым запросам. Органический трафик вырос в 4 раза.
Есть задача? Разберём бесплатно.
Опишите, что происходит — отвечу честно: подходит ли мне задача, сколько займёт и сколько стоит. Если не моё — скажу прямо и не возьму деньги за разговор. Работаю по NDA.