Frontend-разработка на React, Next.js и Vue
Делаем клиентскую часть веб-сервисов, личных кабинетов и админок. Берём проект целиком или усиливаем вашу команду разработчиками — работаем в ваших репозиториях и по вашим правилам ревью.
Первое демо — в конце второй недели работы
Интерфейс тормозит продукт
Обычно к нам приходят, когда одна из этих проблем уже стоит денег.
Каждая новая фича ломает старые
Компоненты копируются из экрана в экран, стили конфликтуют, а правка кнопки в одном месте неожиданно всплывает в другом.
Страницы долго грузятся
Бандл разросся, картинки не оптимизированы, и пользователи смотрят на пустой экран дольше, чем готовы ждать.
Фронтенд не успевает за бэкендом
API уже готово, а интерфейс под него появится через месяц: в команде один фронтендер, и он занят срочными правками.
Разработчик ушёл — проект встал
Код без тестов и документации понимал только автор. Новому человеку нужны недели, чтобы разобраться, что можно трогать.
Технологии frontend-разработки
Стек подбираем под продукт и под команду, которая будет его поддерживать. Ниже — то, с чем работаем чаще всего.
Фреймворки
Для продуктов со сложной логикой и для публичных сайтов, где важна индексация.
- React
- Next.js
- Vue 3
- Nuxt
- Angular
Язык и сборка
Типизация по умолчанию: меньше ошибок на стыке с API.
- TypeScript
- Vite
- Webpack
- ESLint
- Prettier
Интерфейс
Библиотека компонентов, чтобы новые экраны собирались из готовых частей.
- Storybook
- Tailwind CSS
- SCSS
- Radix UI
- Framer Motion
Данные и API
REST и GraphQL, кэширование и синхронизация состояния.
- TanStack Query
- Redux Toolkit
- Zustand
- Pinia
- GraphQL
Качество
Тесты и проверки в CI, чтобы релиз не зависел от ручного прогона.
- Vitest
- Jest
- Playwright
- Lighthouse CI
- Sentry
Что делаем
Можно заказать проект целиком или отдельный блок работ.
Веб-сервисы и SaaS
Клиентская часть продукта от первого экрана до биллинга: роли, личные кабинеты, формы, таблицы и дашборды.
Админки и CRM
Интерфейсы для сотрудников, где важны скорость работы с данными, фильтры, массовые действия и права доступа.
Публичные сайты на Next.js и Nuxt
Серверный рендеринг, быстрая загрузка и корректная индексация. Контент редактирует ваша команда через CMS.
Библиотека компонентов
Собираем компоненты в Storybook с описанием состояний, чтобы дизайнеры и разработчики говорили на одном языке.
Перенос и оптимизация
Переводим проект с устаревшего стека по частям, не останавливая разработку. Ускоряем загрузку и чистим бандл.
Разработчики в вашу команду
Подключаем frontend-разработчиков к вашему процессу, когда нужно закрыть пик нагрузки или запустить новое направление.
Как идёт работа
Разбор задачи и оценка
Смотрим макеты, API и текущий код, если он есть. Фиксируем состав работ, стек и сроки до старта.
3–5 днейКаркас и компоненты
Настраиваем сборку, линтеры, CI и библиотеку базовых компонентов. От этого этапа зависит скорость всей дальнейшей работы.
1–2 неделиЭкраны спринтами
Делаем интерфейс по сценариям и каждые две недели показываем рабочую версию на стенде, а не в макетах.
спринты по 2 неделиРелиз и поддержка
Проверяем производительность и доступность, выкатываем в продакшен. Дальше развиваем продукт сами или передаём код вашей команде.
по договорённостиРасскажите, какой интерфейс нужен
Пришлите макеты, ссылку на текущий продукт или просто опишите задачу. Ответим оценкой, составом команды и предложением по стеку.
Интерфейсы, которые мы довели до пользователей
Сайты с подбором квартир, конструкторы, личные кабинеты и внутренние порталы.
Кейсы Strikt
Проекты, где на интерфейсе держится весь сценарий пользователя.
Вопросы про frontend-разработку
Можно взять одного frontend-разработчика в нашу команду?
Да. Подключаем разработчика или небольшую группу к вашему процессу: работаем в ваших репозиториях, таск-трекере и по вашим правилам ревью. Если процесса ещё нет, предложим свой — с демо в конце каждого спринта.
Какой фреймворк вы выберете для нашего проекта?
Тот, который проще поддерживать вашей команде. Если в компании уже пишут на Vue, не будем переводить всё на React ради моды. Для публичных страниц, которым важна индексация, обычно берём Next.js или Nuxt с серверным рендерингом.
Берётесь за доработку чужого кода?
Берёмся. Первую неделю тратим на аудит: смотрим сборку, зависимости, покрытие тестами и узкие места. После этого отдаём список того, что стоит чинить сразу, а что можно оставить как есть.
Делаете дизайн или только вёрстку по готовым макетам?
Можем и то и другое. Если макетов нет, собираем интерфейс по ключевым сценариям, согласуем его на кликабельном прототипе и потом переносим в компоненты.
Кому принадлежит код?
Заказчику. Исключительные права фиксируются в договоре, репозиторий, документация и доступы к инфраструктуре остаются у вас.