Хостинг для Vite в России — Layero
Vite — самый быстрый сборщик фронтенда: dev-сервер на ESM, сборка
на Rollup, любой популярный фреймворк через плагин. Layero
собирает Vite-проект, раздаёт dist через CDN в Москве,
Санкт-Петербурге и Екатеринбурге и подключает кастомный домен с
авто-SSL. Деплой — одной командой, без VPN и без зарубежных карт.
Что Layero делает с Vite-проектом
Vite на Layero — это чистая статика на быстром российском CDN. Без серверной части, без cold-start, без скрытых лимитов на количество роутов.
Авто-детект Vite
Layero сам видит vite.config.js, vite.config.ts или зависимость vite в package.json и подбирает команду сборки. Указывать пресет вручную не нужно.
Чистая статика на CDN
После vite build содержимое dist заливается в Object Storage и раздаётся через CDN с точками присутствия в Москве, СПб и Екатеринбурге.
Любой пресет
React, Vue, Svelte, Preact, Lit, Solid, vanilla TS/JS — поддерживаются все официальные пресеты Vite. Платформе важно только то, что проект собирается через vite build.
AI-агент
Cursor, Claude Code и другие агенты деплоят Vite-проекты через npx layero deploy --json — машиночитаемый режим возвращает URL без интерактивных подсказок.
Возможности для Vite-проектов
Всё, что нужно фронтенд-разработчику на Vite, работает из коробки.
| Возможность | Layero | Комментарий |
|---|---|---|
Авто-детект vite.config.* | Да | Видит .js, .ts, .mjs и зависимость vite |
| React / Vue / Svelte / vanilla | Да | Все официальные пресеты Vite |
npm run build → dist | Да | Стандартный артефакт Vite, без кастомных скриптов |
| Кастомный домен с авто-SSL | Да | CNAME на cname.layero.ru, сертификат выпускается сам |
| Preview-окружения на ветки | Да | Отдельный URL на каждый push в ветку |
Env-переменные VITE_* | Да | Подставляются в клиентский бандл на этапе сборки |
| Превью-URL за ~30 секунд | Да | Типичная сборка Vite-SPA — десятки секунд |
AI-agent --json | Да | Нативный режим деплоя для Cursor / Claude Code |
Как задеплоить Vite на Layero
Три шага — от папки проекта до публичного URL.
Запустите деплой
В папке Vite-проекта выполните npx layero deploy — устанавливать ничего не нужно. Либо привяжите GitHub-репозиторий в панели app.layero.ru, и сборка будет идти по каждому git push.
Авторизуйтесь
Войдите одним кликом через GitHub, Яндекс или Google. Аккаунт создаётся автоматически при первом входе — отдельной регистрации нет.
Получите URL
Layero увидит vite.config.{js,ts}, запустит vite build, заберёт dist и раздаст через CDN в России. Превью-URL появится примерно за 30 секунд после старта сборки.
Под какие задачи подходит Vite на Layero
Идеально
- SPA на React / Vue / Svelte с client-side роутингом
- Лендинги и промо-страницы — быстрый Vite-стек
- Дашборды и админки — Vite + React Query / Pinia
- Портфолио и персональные сайты
- Документация на Vite (VitePress, Vocs) — если не нужен Docusaurus
- Демо-проекты, прототипы, MVP — быстрая публикация preview-URL
Что добавляет Layero
- CDN с точками присутствия в Москве, СПб, Екатеринбурге
- Preview-окружение на каждую ветку — отдельный URL
- Кастомный домен с автоматическим SSL по CNAME
- Env
VITE_*— настраиваются в панели проекта - Деплой через AI-агента:
npx layero deploy --json - Бесплатно в публичной бете, оплата в рублях
Частые вопросы
Какие пресеты Vite поддерживаются?
@vitejs/plugin-react, @vitejs/plugin-react-swc), Vue (@vitejs/plugin-vue), Svelte, Preact, Lit, Solid, vanilla TS/JS. Layero не привязан к конкретному пресету — определяется сам факт Vite-проекта по vite.config.{js,ts,mjs} и/или зависимости vite в package.json, запускается npm run build, и публикуется содержимое dist.Как пробросить переменные окружения VITE_*?
VITE_ — это поведение самого Vite, а не Layero. Остальные переменные доступны как build-time env, но в клиент не попадают. Секреты, которые не должны утечь в браузер, не давайте префикс VITE_.Поддерживается ли SSR на Vite?
vite build (SPA-режим) — статика на CDN, всё штатно.Как настроить кастомный домен для Vite-сайта?
cname.layero.ru у своего DNS-провайдера. SSL-сертификат выпускается автоматически. Поддерживаются apex-домены, поддомены и wildcard для preview-окружений.Что с большими ассетами и лимитами на dist?
dist целиком заливается в Object Storage и раздаётся через CDN. Vite-овский asset inlining и code-splitting работают как есть. Тяжёлые медиа (видео, большие архивы) лучше класть на S3 или сторонний CDN и подключать по URL, а не пушить в репозиторий — это общая рекомендация для любого фронтенд-хостинга.Как мигрировать Vite-проект с Netlify или Vercel?
npx layero deploy в папке проекта или подвяжите GitHub-репозиторий в app.layero.ru. Перенесите переменные VITE_* в настройки проекта, подключите свой домен через CNAME — SSL выпустится сам. Для SPA-роутинга Vite (react-router, vue-router) Layero отдаёт index.html на неизвестные пути по умолчанию.Задеплойте Vite-проект за минуту
Бесплатно в публичной бете. Войдите аккаунтом GitHub, Яндекса или Google — и получите preview-URL за ~30 секунд.