Делаю интерфейсы на React и сайты на Next.js: каталоги и лендинги, которые должны находиться в поиске, личные кабинеты, админ-панели и Telegram Mini Apps.
Бэкенд и API под интерфейс тоже пишу сам — на Laravel, Node.js или Python. Фронтенд и сервер не спорят о формате данных, а правки не ходят между двумя подрядчиками.
Серверный рендеринг и статическая генерация страниц, метаданные, sitemap, быстрые первые загрузки. Страницы категорий и товаров открываются сразу и индексируются поисковиками.
Next.js · SSR / SSG · SEO
02
Личные кабинеты и SPA
Интерфейсы за логином: заказы, оплаты, документы, настройки. Состояние, формы и таблицы, которые не тормозят на больших списках.
React · TypeScript
03
Админ-панели
Рабочие места для команды: поиск, фильтры, роли и права, выгрузки.
React · роли и права
04
Telegram Mini Apps
Веб-приложение на React, которое открывается внутри Telegram: вход без регистрации через initData, цвета темы Telegram, работа и в обычном браузере.
Пример задачи и архитектуры, а не проект из портфолио
Задача
Магазину нужен каталог на несколько тысяч товаров, который находится в поиске по названиям и категориям и принимает оплату.
Как собрать
Страницы категорий и товаров генерируются заранее и обновляются по расписанию, фильтры работают на клиенте. Оплата через платёжного провайдера, чеки по 54-ФЗ, заказы и остатки — в API на Laravel или Node.js.
Что получит заказчик
Быстрые страницы, которые индексируются, и заказ, который сам доходит до склада и бухгалтерии.
Пример задачи и архитектуры, а не проект из портфолио
Задача
Клиенты звонят менеджеру, чтобы узнать статус заявки и получить документы.
Как собрать
SPA на React: заявки и их статусы, документы, счета и онлайн-оплата. Уведомления о смене статуса в Telegram или на почту. API и роли на сервере.
Что получит заказчик
Меньше звонков и писем, документы и оплата — в одном месте.
React · TypeScript · REST API · Telegram Bot API
Стек
чем работаю
Frontend
ReactNext.jsTypeScriptJavaScript
Вёрстка
HTML5CSS3адаптивность
Backend
Node.jsLaravelPython
Тесты
JestVitest
Сроки и стоимость
по задаче
Цена зависит от объёма, числа интеграций и того, есть ли уже бэкенд или дизайн. После короткого созвона присылаю оценку по этапам.
Частые вопросы
про React и Next.js
Когда нужен Next.js, а когда хватит React?
Next.js — когда страницы должны индексироваться и быстро открываться с первого захода: сайт, каталог, блог. React SPA — для кабинетов и админок за логином, где индексация не нужна.
Next.js или Nuxt?
Это похожие решения на разных библиотеках: Next.js построен на React, Nuxt — на Vue. Выбирать стоит по тому, на чём команда будет поддерживать проект. Сам делаю такие проекты на Next.js.
Бэкенд тоже делаете?
Да: API на Laravel, Node.js или Python, оплата, уведомления и админ-панель. Фронтенд и сервер проектирую вместе.
Сколько стоит сайт на Next.js?
Цена зависит от объёма, числа интеграций и того, есть ли уже бэкенд или дизайн. После короткого созвона присылаю оценку по этапам.
Обсудим проект на React или Next.js
Опишите в Telegram, что нужно: сайт для поиска, кабинет или админка. Отвечу, какой формат подойдёт и что войдёт в первую версию.