Frontend-разработчик

О ПРОЕКТЕ

Высоконагруженная платформа на Next.js: собственный UI-кит, большое количество интеграций с внешними сервисами. Используем AI и внутри продукта (генерация контента и изображений), и в самом процессе разработки.

Детали продукта обсуждаем на собеседовании — проект под NDA.

СТЕК

• Next.js 15/16 (App Router, RSC, Turbopack), React 19, TypeScript 5 (strict)

• TanStack Query / Table / Virtual, TanStack Form + Zod, Zustand, axios

• Radix UI + shadcn/ui, Tailwind CSS 4, дизайн-токены на OkLch (light/dark, мультипалитра)

• NextAuth / Auth.js, i18next

• Собственный UI-кит: версионируемые npm-пакеты, pnpm + turbo, tsup, changesets, границы слоёв через dependency-cruiser

• Тесты: Vitest + Testing Library, MSW, Playwright (сценарии, a11y, визуальные регрессии)

• pnpm, Docker, CI/CD

ЧТО ПРЕДСТОИТ ДЕЛАТЬ

• Разрабатывать фичи на фронте целиком: от разбора API-контракта до экрана в проде

• Развивать общий UI-кит: выносить повторяющееся из приложений в пакеты, держать обратную совместимость и версионирование

• Держать качество типизации и границы слоёв

• Работать с большими объёмами данных в UI: виртуализованные таблицы и списки, серверная пагинация, фильтры, выгрузки

• Тематизация и адаптив: тёмная тема, мобильные раскладки, доступность

• Встраивать AI-функции в интерфейс (генерация текста и изображений)

• Покрывать свой код тестами

• Участвовать в код-ревью, поддерживать деплой-дисциплину

ЧТО МЫ ЖДЁМ

• Уверенный TypeScript: строгий режим, дженерики, вывод типов из схем (zod, OpenAPI); any — осознанное исключение, а не способ закрыть ошибку

• Коммерческий опыт с Next.js App Router: граница сервер/клиент, где живут данные, осмысленное "use client"

• React 19: хуки, контексты, мемоизация по делу, формы и фокус

• TanStack Query как слой данных: ключи, инвалидация, пагинация, оптимистичные обновления

• Формы и валидация: TanStack Form (или React Hook Form) + zod

• Tailwind и работа с чужим дизайн-китом: вёрстка через токены, адаптив, тёмная тема…