Хостинг Vue.js в России
Деплой Vue-приложения из Git: сборка, раздача с edge, кастомный домен и SSL. Оплата в рублях.
Vue-приложения на Татнет разворачиваются как обычная статика: сборка в микро-VM, готовые файлы на edge, домен с сертификатом. Пресет Vue.js рассчитан на проекты с Vue CLI; если вы уже перешли на Vite — платформа определит проект как Vite, и это правильный путь.
Что Татнет делает с проектом на Vue.js
Vue CLI и Vite
Проекты на @vue/cli-service собираются командой vue-cli-service build, проекты на Vite — командой vite build. Определяется автоматически, менять ничего не нужно.
Nuxt — отдельная история
Если нужны маршрутизация из файлов и предгенерация страниц, берите Nuxt: у него свой пресет и режим nuxt generate.
Никакого процесса в проде
Статике не нужен запущенный сервер: нет холодного старта, нет расхода ресурсов в простое.
Динамика — на функциях
Формы, оплата и обращения к внешним API живут в serverless-функциях Татнет, а не в бандле, куда посетитель может заглянуть.
Настройки сборки
- Фреймворк в панели
vue- Команда сборки
vue-cli-service build- Папка с результатом
dist- Как работает в проде
- Статические файлы с edge-раздачей
- Версии Node.js
- 22 и 24
- Пакетный менеджер
- npm, yarn, pnpm или bun — по локфайлу и полю packageManager
Как задеплоить Vue.js
Подключите репозиторий
GitHub App, GitLab OAuth или наш Gitea. Платформа прочитает конфиги и определит фреймворк — в вашем случае Vue.js.
Проверьте команду сборки
Команда сборки и папка с результатом подставляются из пресета. Здесь же задаются переменные окружения и ветка для продакшена.
Деплой
Сборка идёт в одноразовой микро-VM, готовые файлы уезжают на edge. Сайт доступен на поддомене *.tatnet.app или вашем домене.
Возможности Vue.js на Татнет
Автоопределение при подключении репозитория
GitHub, GitLab и Gitea
Кастомный домен и бесплатный SSL
Переменные окружения и секреты
Preview для Pull Request
Логи сборки и рантайма в панели
Монорепозиторий (Root Directory)
Заголовки, редиректы и rewrites на edge
Vue 2 и Vue 3
Vue CLI (@vue/cli-service)
Vite-проекты на Vue
Nuxt
Vue Router в history-режиме
Частые вопросы про Vue.js
У меня Vue 3 на Vite — какой пресет выбрать?
Vite. Пресет Vue.js рассчитан на @vue/cli-service; автоопределение само отдаст vite, если в корне лежит vite.config.
Vue Router в history-режиме отдаёт 404 по прямой ссылке.
Добавьте в vercel.json или tatnet.json rewrite всех путей на /index.html. Правило компилируется на сборке и применяется на edge, до попадания запроса в хранилище.
Можно ли собрать приложение из подпапки монорепозитория?
Да. Укажите Root Directory при создании приложения — например apps/web. Сборка пойдёт из этой директории.
Как подключить домен?
В настройках приложения. Для зоны в DNS Татнет A-запись создаётся автоматически, для внешней панель покажет адрес. SSL выпускается сам.
Другие фреймворки в категории «Фронтенд»
Полный список — каталог фреймворков.
Задеплойте Vue.js на Татнет
Подключите репозиторий — платформа определит фреймворк и соберёт проект. Регистрация без карты.