Vue · Nuxt · TypeScript — архитектура, которую не придётся переписывать
Разрабатываю и привожу в порядок приложения на Vue 3 и Nuxt. Берусь за то, что тормозит, разваливается или сделано не так. Производительность с первого коммита, честная оценка до старта.
Шесть направлений.
Один инженер.
Не агентство, не команда-аутсорс. Один специалист с полной ответственностью за результат. Каждая услуга — с конкретным планом и измеримым выходом.
Аудит проектов
Разбираю приложение по слоям и отдаю отчёт с планом, что и в каком порядке чинить.
Подробнее /developmentРазработка с нуля
Веду проект от макетов до запущенного приложения на надёжной архитектуре.
Подробнее /apiREST API
Проектирую и дорабатываю API, с которым фронтенду удобно работать.
Подробнее /ui-componentsUI-компоненты
Делаю переиспользуемые, доступные и быстрые компоненты — вплоть до дизайн-системы.
Подробнее /seoSEO и контент
Делаю приложение индексируемым и быстрым, пишу тематические тексты.
Подробнее /refactorРефакторинг
Привожу в порядок существующий код — архитектура, TypeScript, миграция на Vue 3.
Подробнее Узнайте себя —
и сразу к делу.
Что приходит на вход — и что получает клиент на выходе. Найдите свою ситуацию.
Проект тормозит
или разваливается
- −Vue 2, Options API или старый Nuxt
- −Красные CWV, медленные страницы
- −Код, в котором страшно что-то менять
- ✓Vue 3 + Composition API + Pinia
- ✓CWV в зелёной зоне
- ✓Архитектура, которую не страшно развивать
Строю новый
продукт с нуля
- −Идея или макеты в Figma
- −Нужен стек, архитектура, деплой
- −SSR и SEO важны с первого дня
- ✓Запущенное приложение на Vue 3 / Nuxt
- ✓Чистый типизированный код
- ✓Деплой, документация, передача
Результат — в метриках.
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 зелёные с самого старта.
Чистый код
Типизированный и понятный — чтобы команда развивала проект без меня и без страха что-то сломать.
Минимум зависимостей
Не тащу лишнее. Каждая зависимость — это риск и обслуживание. Беру только то, без чего не обойтись.
Есть задача? Разберём бесплатно.
Опишите, что происходит — отвечу честно: подходит ли мне задача, сколько займёт и сколько стоит. Если не моё — скажу прямо и не возьму деньги за разговор. Работаю по NDA.