Хостинг Vite-приложений в России
Деплой любого проекта на Vite из Git: сборка, раздача с edge, кастомный домен и SSL. Оплата в рублях.
Vite — самый частый способ собрать одностраничное приложение, и платформе неважно, что внутри: React, Vue, Solid, Svelte или Preact. Наличие vite.config достаточно, чтобы определить проект, собрать его и разложить dist по edge. Готовые файлы раздаются без запущенного процесса — значит, ни холодного старта, ни платы за простой.
Что Татнет делает с проектом на Vite
Определяется по vite.config
Отдельный конфиг под каждую библиотеку не нужен: платформа видит vite.config.js или .ts и подставляет vite build с папкой dist.
Фреймворки поверх Vite не путаются
Если в проекте есть SvelteKit, React Router v7 или TanStack Start, выигрывает фреймворк, а не сборщик — иначе серверная часть просто исчезла бы из сборки.
SPA-фолбэк для клиентских маршрутов
Переходы внутри приложения работают, а прямое открытие вложенного адреса не даёт 404: правила отдачи настраиваются в vercel.json или tatnet.json.
Переменные сборки
Значения с префиксом VITE_ подставляются на сборке. Помните: всё, что попало в бандл, видно посетителю — секреты держите в serverless-функциях.
Настройки сборки
- Фреймворк в панели
vite- Команда сборки
vite build- Папка с результатом
dist- Как работает в проде
- Статические файлы с edge-раздачей
- Версии Node.js
- 22 и 24
- Пакетный менеджер
- npm, yarn, pnpm или bun — по локфайлу и полю packageManager
Как задеплоить Vite
Подключите репозиторий
GitHub App, GitLab OAuth или наш Gitea. Платформа прочитает конфиги и определит фреймворк — в вашем случае Vite.
Проверьте команду сборки
Команда сборки и папка с результатом подставляются из пресета. Здесь же задаются переменные окружения и ветка для продакшена.
Деплой
Сборка идёт в одноразовой микро-VM, готовые файлы уезжают на edge. Сайт доступен на поддомене *.tatnet.app или вашем домене.
Возможности Vite на Татнет
Автоопределение при подключении репозитория
GitHub, GitLab и Gitea
Кастомный домен и бесплатный SSL
Переменные окружения и секреты
Preview для Pull Request
Логи сборки и рантайма в панели
Монорепозиторий (Root Directory)
Заголовки, редиректы и rewrites на edge
React, Vue, Solid, Svelte, Preact на Vite
Vite 4, 5, 6
Monorepo (Root Directory)
Переменные VITE_* на сборке
Серверный рендер
Частые вопросы про Vite
У меня React на Vite. Что выбрать — Vite или Create React App?
Vite. Пресет Create React App нужен только проектам на react-scripts. Автоопределение разберётся само: смотрит vite.config, а на react-scripts — package.json.
Прямая ссылка на /about отдаёт 404. Что делать?
Это классика SPA: файла по такому пути нет. Добавьте в vercel.json или tatnet.json rewrite всех путей на /index.html — правило применится на edge.
Какой пакетный менеджер используется?
Тот, чей локфайл лежит в репозитории: npm, yarn, pnpm или bun. Поле packageManager в package.json имеет приоритет — им же удобнее всего зафиксировать выбор явно.
Сколько стоит статический сайт?
Приложения тарифицируются по плану Татнет Apps, от 449 ₽ в месяц. Статика не держит запущенный процесс, поэтому ресурсы в простое не тратятся.
Другие фреймворки в категории «Фронтенд»
Полный список — каталог фреймворков.
Задеплойте Vite на Татнет
Подключите репозиторий — платформа определит фреймворк и соберёт проект. Регистрация без карты.