SPA и дашборды
Админки, личные кабинеты, сервисы реального времени. Redux Toolkit, роутинг, формы, WebSockets.
// React · TypeScript · Next.js · Payload CMS · PostgreSQL
Frontend
разработчик
Зеленцов Александр
7 лет: от SPA-дашбордов до сайтов под ключ — с бэкендом и базой
// 01 — задачи
Что я решаю
Сайты с CMS под ключ
Многостраничники, где контент правит редактор, а не разработчик. Next.js + Payload CMS + PostgreSQL.
Figma → код
Верстаю по чужому макету или рисую сам. Адаптив, кросс-браузерность, дизайн-токены.
Тесты: unit и скриншотные
Jest, Vitest, Testing Library. Storybook + Loki — регрессии вёрстки ловятся автоматически.
Интеграции
Онлайн-оплата, SMS, CRM, REST API, типобезопасные клиенты из OpenAPI-схем.
Производительность и SEO
Static export, оптимизация LCP и бандла, мета и sitemap. Этот сайт — Lighthouse 95+.
Калькуляторы и конструкторы
Сложный расчёт на лету: тарифы, объёмы, комплектации. Многошаговые формы, валидация, сохранение расчёта.
Данные: импорт и парсинг
API, выгрузки, прайсы в Excel и CSV — или сбор парсингом. Привожу к единой схеме и отдаю страницами, базой или файлом Excel.
Данные → SEO и ИИ-поиск
Из массива данных делаю страницы под выдачу: структурированная разметка, которую цитируют нейросети.
// 02 — инструменты
Стек
Основное
- React 18
- TypeScript
- Redux Toolkit
- JavaScript
- HTML
- CSS/SCSS
- Tailwind CSS 4
Фреймворки
- Next.js
- Payload CMS 3
- React Router 7
- PostgreSQL
Тесты
- Jest
- Vitest
- Testing Library
- Storybook
- Loki
Инструменты и подходы
- Vite
- Git
- CI/CD
- Docker
- REST API
- OpenAPI
- FSD
- Zod
- Figma
// 03 — работы
Кейсы
скрыто
Сайт с CMS под ключ
задача: Многостраничный сайт, контент должен править редактор без разработчика.
решение: Спроектировал и собрал соло: дизайн в Figma, контент-модель в Payload CMS, live preview для редактора, прод в Docker.
- Next.js 16
- Payload CMS 3
- PostgreSQL
- Tailwind 4
- Vitest
скрыто
Промо-сайт производителя
задача: Сайт производителя с версиями под города и приёмом заявок.
решение: Статический Next.js с мультигородской схемой на поддоменах, приём заявок с вложениями без отдельного бэкенда, SEO-обвязка.
- Next.js
- TypeScript
- Tailwind 4
- FSD
- SQLite
скрыто
Сайт и CRM для сервиса
задача: Сервису нужен сайт и CRM: бронирования, SMS-уведомления, онлайн-оплата.
решение: Сделал под ключ: дизайн в Figma за две недели, вёрстка, интеграции, скриншотные тесты. Хостинг оптимизировал с $30 до $1/мес.
- React
- TypeScript
- Redux
- Storybook
- Loki
скрыто
B2B-сервис реального времени
задача: Дашборд и лендинг для сервиса на WebSockets. Название — под NDA.
решение: Монорепозиторий с Python-бэкендом: дашборд на React 18 + Vite, типобезопасный API-клиент генерируется из OpenAPI-схемы.
- React 18
- Vite
- RTK
- Tailwind 4
- OpenAPI
- Vitest
// 04 — путь
Опыт
с 2023
Вертекс — Frontend developer
Аутсорс: внутренний продукт логистики, затем клиентские проекты. Кросс-функциональная команда.
с 2020
Saint Ghetto — Frontend developer
Фитнес-шеринг: сайт и CRM под ключ, сейчас поддержка. Параллельная занятость.
с 2019
MAED Academy — HTML-верстальщик
Старт: сложные адаптивные макеты из Figma, работа в паре с дизайнером.
// 05 — вопросы
Частые вопросы
Кто такой Александр Зеленцов?
Frontend-разработчик из Санкт-Петербурга, 7 лет коммерческого опыта, работаю удалённо. Пишу на React, TypeScript и Next.js: SPA-дашборды, сайты с CMS под ключ, калькуляторы и конструкторы, работа с данными.
Какой стек используешь?
Основное — React, TypeScript, Redux Toolkit, Next.js, Tailwind CSS. Серверная часть проектов — Payload CMS 3 и PostgreSQL в Docker. Тесты — Jest, Vitest, Testing Library, скриншотные на Storybook и Loki.
Делаешь ли бэкенд?
Да, в пределах Node и TypeScript: контент-модель и схема базы на Payload CMS с PostgreSQL, права доступа, интеграции, деплой в Docker. Собираю данные из внешних источников и складываю в базу.
Какие задачи берёшь под ключ?
Сайт или сервис от макета в Figma до продакшена: вёрстка, фронтенд, контент-модель в CMS, интеграции с оплатой, SMS и CRM, SEO, тесты и CI/CD. Отдельно — сложные калькуляторы и конструкторы с расчётом на лету.
Работаешь ли с данными?
Да. Подтягиваю базу из любых источников — API, выгрузки, прайсы в Excel и CSV. Собираю данные парсингом и отдаю в нужном виде: страницами сайта, базой данных или тем же Excel. Из этих данных делаю страницы под поисковую выдачу и под ИИ-поиск — со структурированной разметкой, которую цитируют нейросети.
В каком формате работаешь?
Живу в Санкт-Петербурге, работаю удалённо — в том числе с командой в Москве. Полная занятость. Командировки — да, переезд — нет.
Как связаться?
Быстрее всего в Telegram — @GreenRoot. Почта раскрывается в подвале сайта, ссылка на GitHub там же.