Хостинг React-приложения (Create React App)
Деплой проекта на react-scripts из Git: сборка, раздача с edge, домен с SSL. Российские дата-центры, оплата в рублях.
Create React App давно не развивается, но живых проектов на нём по-прежнему много, и переписывать их ради деплоя незачем. Платформа узнаёт react-scripts в package.json, собирает build и раздаёт результат с edge — ровно так же, как современный Vite-проект.
Что Татнет делает с проектом на Create React App
Работает как есть
react-scripts build и папка build подставляются автоматически. Никакой миграции на Vite ради публикации не требуется.
Раздача с edge
Собранные файлы уезжают в объектное хранилище и отдаются с edge-прокси в Казани — без запущенного Node-процесса.
Свои домены и SSL
Поддомен *.tatnet.app сразу, свой домен — в пару кликов, сертификат Let's Encrypt выпускается и продлевается автоматически.
Preview на каждый PR
Ветка получает отдельный адрес: удобно показывать правки заказчику, не выкатывая их в прод.
Настройки сборки
- Фреймворк в панели
create-react-app- Команда сборки
react-scripts build- Папка с результатом
build- Как работает в проде
- Статические файлы с edge-раздачей
- Версии Node.js
- 22 и 24
- Пакетный менеджер
- npm, yarn, pnpm или bun — по локфайлу и полю packageManager
Как задеплоить Create React App
Подключите репозиторий
GitHub App, GitLab OAuth или наш Gitea. Платформа прочитает конфиги и определит фреймворк — в вашем случае Create React App.
Проверьте команду сборки
Команда сборки и папка с результатом подставляются из пресета. Здесь же задаются переменные окружения и ветка для продакшена.
Деплой
Сборка идёт в одноразовой микро-VM, готовые файлы уезжают на edge. Сайт доступен на поддомене *.tatnet.app или вашем домене.
Возможности Create React App на Татнет
Автоопределение при подключении репозитория
GitHub, GitLab и Gitea
Кастомный домен и бесплатный SSL
Переменные окружения и секреты
Preview для Pull Request
Логи сборки и рантайма в панели
Монорепозиторий (Root Directory)
Заголовки, редиректы и rewrites на edge
react-scripts 4 и 5
Ionic React (@ionic/react)
Переменные REACT_APP_* на сборке
SPA-фолбэк для клиентских маршрутов
Частые вопросы про Create React App
Сборка падает на предупреждениях. Что делать?
react-scripts трактует CI=true как «предупреждения = ошибки». Добавьте переменную окружения CI со значением false — или почините предупреждения, что честнее.
Стоит ли переезжать на Vite?
Для деплоя — не обязательно, оба варианта поддержаны. Vite собирается заметно быстрее, а быстрая сборка означает более короткий цикл правок; но это ваше решение, а не требование платформы.
Как задать переменные окружения?
В разделе Environment Variables у приложения. CRA подставляет в бандл только переменные с префиксом REACT_APP_, и всё подставленное видно в исходниках страницы.
Поддерживается ли Node.js нужной мне версии?
Доступны Node.js 22 и 24. Старые проекты на react-scripts иногда требуют флага --openssl-legacy-provider — его можно передать через NODE_OPTIONS в переменных окружения.
Задеплойте Create React App на Татнет
Подключите репозиторий — платформа определит фреймворк и соберёт проект. Регистрация без карты.