⚛️ React-приложения в России

Хостинг для React в России — Layero

Q: Layero поддерживает Create React App (CRA)?

Да. Layero авто-детектит Create React App по наличию react-scripts в зависимостях и запускает react-scripts build. Готовый бандл из папки build/ публикуется как статический сайт и раздаётся через CDN в России. Переменные окружения с префиксом REACT_APP_ автоматически попадают в клиентский бандл.

Q: А Vite + React?

Да. Layero видит vite.config.ts или vite.config.js с подключённым React-плагином и запускает vite build. Результат из папки dist/ раздаётся через CDN. Переменные с префиксом VITE_ попадают в клиентский код. Подробнее — на странице /hosting-vite.html.

Q: Как пробросить переменные окружения в React-приложение?

Зависит от варианта сборки. Для Create React App — переменные с префиксом REACT_APP_. Для Vite + React — переменные с префиксом VITE_. Для Next.js — переменные с префиксом NEXT_PUBLIC_ (только эти три префикса попадают в клиентский бандл; остальные доступны на этапе сборки или на сервере). Задаются в панели Layero для проекта и окружения.

Q: Что с SSR — серверным рендерингом React?

Для серверного рендеринга React используйте Next.js — Layero поддерживает его SSR-режим по модели scale-to-zero и кэширует HTML на edge. Чистый CRA и Vite + React — это клиентский SPA: их Layero раздаёт как статику. Подробнее про Next.js SSR — на странице /hosting-nextjs.html.

Q: Как мигрировать с GitHub Pages или Netlify?

Скопировать homepage из package.json не нужно — Layero сам определит base path. Привяжите GitHub-репозиторий в панели app.layero.ru или выполните npx layero deploy в папке проекта. Переменные окружения перенесите через UI, кастомный домен подключите CNAME-записью — SSL выпустится автоматически. С GitHub Pages пропадает базовый префикс пути и ограничение на размер репозитория, с Netlify — зависимость от зарубежной инфраструктуры и оплаты долларами.

Куда задеплоить React-приложение, если аудитория — в России? Layero собирает и раздаёт React-проекты любого варианта: классический Create React App, современный Vite + React, и Next.js с серверным рендерингом. Авто-детект сборки, CDN в Москве, Санкт-Петербурге и Екатеринбурге, без VPN и зарубежных карт.

Начать бесплатно Документация

React на Layero — три популярных способа сборки

«React» — это библиотека, а не один-единственный шаблон проекта. В реальной жизни React-приложение собирают тремя разными способами, и Layero поддерживает каждый. Платформа сама определяет, какой вариант перед ней, и запускает правильную команду сборки.

Create React App

Классический шаблон с react-scripts. Layero видит зависимость, запускает react-scripts build, публикует папку build/ как статику. Подходит для существующих проектов, которые не хочется мигрировать.

Vite + React

Современная сборка: быстрый dev-сервер, минимальный конфиг, маленький бандл. Layero детектит vite.config.* с React-плагином и запускает vite build. Подходит для новых SPA. Подробнее о Vite на Layero →

Next.js

Полноценный фреймворк: SSR, app router, API-роуты. Layero запускает next build и поднимает SSR в режиме scale-to-zero, HTML кэшируется на edge. Подходит для SEO-страниц и динамики. Подробнее о Next.js на Layero →

Возможности React-приложения на Layero

Что работает из коробки, независимо от варианта сборки.

Возможность	Layero	Комментарий
Авто-детект (CRA, Vite, Next.js)	Да	По зависимостям и конфигам — без ручной настройки
Статика через CDN в РФ	Да	Москва, СПб, Екатеринбург
SSR (только через Next.js)	Да	См. отдельную страницу — у чистого CRA / Vite + React серверного рендеринга нет
React Router (client-side routing) — SPA fallback	Да	Все маршруты → `index.html` через `layero.json`
Env `REACT_APP_` / `VITE_` / `NEXT_PUBLIC_*`	Да	Префикс выбирается по варианту сборки
Кастомный домен	Да	CNAME, авто-SSL
Preview-окружения	Да	На каждую ветку и pull request
AI-agent `--json`	Да	Машиночитаемый деплой для Cursor / Claude Code

Как задеплоить React-приложение на Layero

Три шага, дальше всё происходит автоматически.

Запустите деплой

В папке React-проекта выполните npx layero deploy — устанавливать ничего не нужно. Либо привяжите GitHub-репозиторий в панели app.layero.ru, и сборка будет запускаться по каждому push.

Авторизуйтесь

Войдите через GitHub, Яндекс или Google одним кликом. Аккаунт создаётся автоматически при первом входе — отдельная регистрация не нужна.

Layero сам определит вариант сборки

Платформа авто-детектит CRA (react-scripts), Vite + React (vite.config.* с React-плагином) или Next.js (next.config.*) и запускает соответствующую команду: react-scripts build, vite build или next build. Готовый бандл раздаётся через CDN в России. SSR-приложения Next.js поднимаются по модели scale-to-zero.

Под какие задачи подходит

Layero хорошо ложится на типовые сценарии, под которые сегодня пишут React-приложения.

Где работает идеально

SPA — личные кабинеты, веб-приложения, админ-панели
Дашборды и аналитика на React
Лендинги и маркетинговые сайты с интерактивом
Портфолио и сайты-визитки разработчиков
Формы — заявки, опросы, калькуляторы
Демо-приложения, прототипы, MVP

Что добавляется

CDN внутри России — быстрая загрузка у аудитории в РФ
SPA fallback из коробки — React Router работает на любом URL
Preview-окружение на каждую ветку и pull request
Кастомный домен с авто-SSL
Авто-детект варианта сборки — без выбора шаблона руками
Деплой через AI-агента: режим --json для Cursor / Claude Code

Частые вопросы

Layero поддерживает Create React App (CRA)?

Да. Layero авто-детектит CRA по наличию react-scripts в зависимостях и запускает react-scripts build. Готовый бандл из папки build/ публикуется как статический сайт и раздаётся через CDN в России. Переменные окружения с префиксом REACT_APP_ автоматически попадают в клиентский бандл на этапе сборки.

А Vite + React?

Да. Layero видит vite.config.ts или vite.config.js с подключённым React-плагином и запускает vite build. Результат из папки dist/ раздаётся через CDN. Переменные с префиксом VITE_ попадают в клиентский код. Подробности — на странице /hosting-vite.html.

React Router (client-side routing) работает?

Да, для SPA на CRA и Vite + React. Чтобы любые маршруты, не существующие как файлы, отдавали index.html (и роутинг разбирался на клиенте), включите SPA fallback через layero.json. После этого /dashboard, /settings/profile и прочие пути будут открываться напрямую и при обновлении страницы.

Как пробросить переменные окружения в React-приложение?

Зависит от варианта сборки. Для CRA — переменные с префиксом REACT_APP_. Для Vite + React — переменные с префиксом VITE_. Для Next.js — переменные с префиксом NEXT_PUBLIC_. Только эти три префикса попадают в клиентский бандл; остальные доступны на этапе сборки или на сервере. Значения задаются в панели Layero — отдельно для каждого проекта и окружения.

Что с SSR — серверным рендерингом React?

Для серверного рендеринга React используйте Next.js. Layero поддерживает его SSR-режим по модели scale-to-zero и кэширует HTML на edge. Чистый CRA и Vite + React — это клиентский SPA: их Layero раздаёт как статику. Подробнее про Next.js на Layero — /hosting-nextjs.html.

Как мигрировать с GitHub Pages или Netlify?

Привяжите GitHub-репозиторий в панели app.layero.ru или выполните npx layero deploy в папке проекта. Layero сам определит вариант сборки — менять конфиг не нужно. Переменные окружения перенесите через UI, кастомный домен подключите CNAME-записью — SSL выпустится автоматически. С GitHub Pages пропадает зависимость от базового префикса пути; с Netlify — зависимость от зарубежной инфраструктуры и оплаты долларами.

Задеплойте React-приложение за минуту

Бесплатно в публичной бете. Войдите аккаунтом GitHub, Яндекса или Google — и опубликуйте первый проект.

Начать бесплатно Документация CLI