Vue · Nuxt · TypeScript — архитектура, которую не придётся переписывать
Разрабатываю и привожу в порядок приложения на Vue 3 и Nuxt. Берусь за то, что тормозит, разваливается или сделано не так. Производительность с первого коммита, честная оценка до старта.
Шесть направлений.
Один инженер.
Не агентство, не команда-аутсорс. Один специалист с полной ответственностью за результат. Каждая услуга — с конкретным планом и измеримым выходом.
Аудит проектов
Разбираю приложение по слоям и отдаю отчёт с планом, что и в каком порядке чинить.
Подробнее /development
Разработка с нуля
Веду проект от макетов до запущенного приложения на надёжной архитектуре.
Подробнее /refactor
Рефакторинг
Привожу в порядок существующий код — архитектура, TypeScript, миграция на Vue 3.
Подробнее /api
REST API
Проектирую и дорабатываю API, с которым фронтенду удобно работать.
Подробнее /ui
UI-компоненты
Делаю переиспользуемые, доступные и быстрые компоненты — вплоть до дизайн-системы.
Подробнее /seo
SEO и контент
Делаю приложение индексируемым и быстрым, пишу тематические тексты.
Подробнее Узнайте себя —
и сразу к делу.
Три типичные ситуации. Для каждой — что приходит на вход и что клиент получает на выходе.
Проект тормозит
или разваливается.
Проект работает — но с каждым спринтом это даётся всё тяжелее. 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 — система поиска и бронирования авиабилетов
Один из самых нагруженных доменов фронтенда. Работал в команде ORS: UI-компоненты для бронирования, веб-регистрации, обмена и возврата билетов, кеширование REST API, аудит кодовой базы.
Доказательства
лежат в npm.
Скромно, но честно: переиспользуемые и доступные решения, которые можно поставить и прочитать. Лучшая проверка инженерного уровня.
Один компонент для изображений в Vue 3: ленивая загрузка, WebP/AVIF, Blurhash, srcset, арт-дирекшн, retry. CLI, CDN-адаптеры, Vite-плагин, директива для фонов.
npm i @macrulez/vue-image-kit
Уведомления для Vue 3: отмена действий, группировка, приоритеты, кастомизация. Лёгкий, с Promise API и прогресс-таймером.
npm i vue-toast-kit
Локализация для Vue 3: lazy-загрузка, ICU-плюрализация, CLI, Vite-плагин, браузерный редактор переводов.
npm i vue-i18n-kit
Мониторинг сети для Vue 3: перехват HTTP, WebSocket, SSE, статистика, моки, HAR, Diff View, UI-компонент.
npm i vue-network-dashboard Работаем по шагам —
вы всё видите.
Обсуждаем
Бесплатно разбираю задачу и контекст. Если задача не моя — честно скажу, не возьмусь.
Оцениваю
Сроки, объём, риски и стоимость — до старта, письменно. Никаких размытых формулировок и пересмотра цены в конце.
Работаю итерациями
Регулярные демо и живой прогресс. Вы видите, что происходит, на каждом шаге.
Сдаю с кодом
Код, документация, деплой. Проект остаётся вашим и развивается без меня.
Принципы, а не
обещания.
Не потому что так принято, а потому что дорогостоящие переделки — это реальная история. Каждый принцип виден в результате: в скорости, в чистоте кода, в том, как просто команда развивает проект после меня.
Архитектура
Фундамент, который выдержит рост, — а не «лишь бы заработало к дедлайну». Окупается каждым следующим спринтом.
Производительность
Скорость — не «оптимизируем потом». Требование с первого коммита. CWV зелёные с самого старта.
Чистый код
Типизированный и понятный — чтобы команда развивала проект без меня и без страха что-то сломать.
Минимум зависимостей
Не тащу лишнее. Каждая зависимость — это риск и обслуживание. Беру только то, без чего не обойтись.
Не мои слова —
их слова.
Есть задача? Разберём бесплатно.
Опишите, что происходит — отвечу честно: подходит ли мне задача, сколько займёт и сколько стоит. Если не моё — скажу прямо и не возьму деньги за разговор. Работаю по NDA.