volodya@agency:~/development$ ./web-apps.sh
Веб-приложения и сайты
Разработка фронтенда: одностраничные приложения (SPA) и серверный рендеринг (SSR) на Vue 3 и Nuxt, корпоративные сайты, порталы, личные кабинеты. Проектирование интерфейса, перенос макетов из Figma, вёрстка, интеграция с backend. Профиль — highload, e-commerce и стриминг, 15+ лет практики уровня CTO.
Vue 3 · Nuxt · TypeScript
SPA и SSR
Figma → код
оценка за 24ч
Веб-приложение — это точка контакта пользователя с продуктом, и от него зависит и конверсия, и стоимость дальнейших изменений. Работа начинается с проектирования: карта экранов, состояния интерфейса, структура данных на клиенте, маршрутизация, разграничение ролей. Верстка и код пишутся после того, как логика экранов и переходов согласована.
Основной стек — Vue 3 (Composition API, Pinia, Vue Router) и Nuxt для проектов, где важны SEO и время до первого контента: серверный рендеринг (SSR) или пре-рендер статики (SSG). Для одностраничных панелей и кабинетов, где индексация не нужна, используется чистый SPA. Весь код — на TypeScript, со строгой типизацией контрактов API.
Макеты из Figma переносятся в компоненты через дизайн-хендофф: токены (цвета, отступы, типографика), переиспользуемые компоненты, адаптив под мобильные и десктоп, тёмная тема при необходимости. Интерфейс собирается из независимых компонентов с изоляцией состояния, что упрощает поддержку и развитие. Интеграция с backend — REST, GraphQL или WebSocket, с обработкой ошибок, загрузочных состояний и оптимистичных обновлений.
Отдельное внимание — производительности и наблюдаемости на клиенте: code splitting, ленивая загрузка, оптимизация бандла, работа с Core Web Vitals (LCP, CLS, INP). Настраиваются сборка (Vite), линтеры, тесты компонентов и e2e, деплой. По результату — документированный проект в вашем репозитории, а не «чёрный ящик».
ФреймворкиVue 3Nuxt 3Composition APIPinia
ЯзыкиTypeScriptJavaScriptHTML5CSS3
СтилизацияTailwindSCSSCSS GridFlexbox
СборкаViteWebpackESLintPrettier
ДанныеRESTGraphQLWebSocketPiniaTanStack Query
Тесты и деплойVitestPlaywrightCypressDockernginx
Проектирование интерфейса
Карта экранов, состояния, маршруты, роли и права, структура клиентских данных до начала вёрстки.
SPA-приложения
Одностраничные панели, кабинеты и порталы на Vue 3 с клиентской маршрутизацией и управлением состоянием.
SSR и SSG на Nuxt
Серверный рендеринг и пре-рендер для SEO и быстрого первого контента на корпоративных сайтах.
Дизайн-хендофф из Figma
Перенос макетов в компоненты: токены, типографика, отступы, пиксельная точность и адаптив.
Компонентная архитектура
Переиспользуемые изолированные компоненты, дизайн-система, единый стиль по всему приложению.
Адаптив и доступность
Вёрстка под мобильные и десктоп, тёмная тема, семантика и базовая доступность (a11y).
Интеграция с API
REST / GraphQL / WebSocket с обработкой ошибок, загрузочных состояний и кэшированием запросов.
Производительность
Code splitting, ленивая загрузка, оптимизация бандла, работа с Core Web Vitals (LCP, CLS, INP).
Тесты
Юнит-тесты компонентов (Vitest) и e2e-сценарии (Playwright/Cypress) для ключевых потоков.
Сборка и деплой
Настройка Vite, окружений, CI-сборки и деплоя, документация по запуску проекта.
Почему Vue и Nuxt, а не React?
Vue 3 даёт высокую скорость разработки и предсказуемую реактивность, Nuxt закрывает SSR и SEO из коробки. Это осознанный основной стек с 15+ годами практики. Если у вас уже проект на React — обсудим, но по умолчанию работаю на Vue.
У вас есть дизайнер или нужны готовые макеты?
Оптимально — готовые макеты в Figma, тогда перенос идёт точно и быстро. Простые интерфейсы могу спроектировать сам. Полноценный продуктовый дизайн — отдельная задача, её лучше отдать дизайнеру.
Сделаете SEO-оптимизацию?
Да, на Nuxt через SSR/SSG: серверный рендеринг, мета-теги, микроразметка, sitemap, быстрый LCP. Для SPA без серверного рендеринга индексация ограничена — это учитывается на этапе выбора архитектуры.
Можно доработать существующий фронтенд, а не писать заново?
Да. Сначала аудит: стек, состояние кода, узкие места. Дальше — точечная доработка или поэтапная миграция на Vue 3 без остановки продукта. Полное переписывание — крайний вариант.
Кто делает backend и API?
Могу взять и backend — фронт и сервер под одной ответственностью, без стыков между подрядчиками. Если API у вас уже есть, подключусь к нему; удобно, когда контракты описаны (OpenAPI/GraphQL-схема).
Как считаете стоимость и сроки?
После разбора задачи и макетов — оценка по объёму работ. На крупных проектах разбивка на этапы с фиксированной стоимостью каждого: платите за понятный результат и можете остановиться на любом шаге.
Будут ли тесты и документация?
Да. Ключевые компоненты и пользовательские сценарии покрываются тестами (Vitest, Playwright), на передаче — инструкция по запуску, сборке и деплою. Код лежит в вашем репозитории с первого дня.