Хостинг Angular в России

Деплой Angular-приложения из Git: сборка ng build, раздача с edge, домен с SSL. Оплата в рублях.

Angular определяется по angular.json, собирается командой ng build и раздаётся с edge как статика. Главная тонкость не в платформе, а в самом Angular: начиная с 17-й версии сборка уезжает в dist/<проект>/browser — это единственное, что иногда приходится поправить руками.

Что Татнет делает с проектом на Angular

Определяется по angular.json

Наличия файла достаточно: платформа подставит ng build и папку dist, а вы поправите путь, если у вас многопроектный workspace.

Ionic Angular — свой пресет

Проекты на @ionic/angular распознаются отдельно и собираются в папку www: обёртка должна выигрывать у фреймворка, который она оборачивает.

Сборка в изолированной микро-VM

Каждая сборка идёт в одноразовой Firecracker-машине: чужой код не встречается с вашим, а окружение всегда чистое.

Логи сборки в реальном времени

Вывод ng build стримится в панель по ходу дела — падение видно сразу, а не по факту неудачного деплоя.

Настройки сборки

Фреймворк в панели
angular
Команда сборки
ng build
Папка с результатом
dist
Как работает в проде
Статические файлы с edge-раздачей
Версии Node.js
22 и 24
Пакетный менеджер
npm, yarn, pnpm или bun — по локфайлу и полю packageManager

Angular 17+ кладёт результат в dist/<имя-проекта>/browser. Если сборка прошла, а файлы не нашлись — впишите полный путь в «Папку с результатом».

Как задеплоить Angular

01

Подключите репозиторий

GitHub App, GitLab OAuth или наш Gitea. Платформа прочитает конфиги и определит фреймворк — в вашем случае Angular.

02

Проверьте команду сборки

Команда сборки и папка с результатом подставляются из пресета. Здесь же задаются переменные окружения и ветка для продакшена.

03

Деплой

Сборка идёт в одноразовой микро-VM, готовые файлы уезжают на edge. Сайт доступен на поддомене *.tatnet.app или вашем домене.

Возможности Angular на Татнет

Автоопределение при подключении репозитория

Есть

GitHub, GitLab и Gitea

Есть

Кастомный домен и бесплатный SSL

Есть

Переменные окружения и секреты

Есть

Preview для Pull Request

Есть

Логи сборки и рантайма в панели

Есть

Монорепозиторий (Root Directory)

Есть

Заголовки, редиректы и rewrites на edge

Через vercel.json или tatnet.json

Angular 15–19

Есть

Многопроектный workspace

Да, укажите путь в «Папке с результатом»

Ionic Angular

Отдельный пресет ionic-angular (папка www)

Angular Universal (SSR)

Нет

Scully (SSG на Angular)

Отдельный пресет scully

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

Сборка проходит, а сайт пустой или 404. Почему?

Скорее всего результат лежит в dist/<имя-проекта>/browser — так собирает Angular 17 и новее. Впишите этот путь в поле «Папка с результатом» в настройках приложения.

Поддерживается ли Angular Universal?

Нет, серверный рендер Angular мы пока не запускаем — приложение разворачивается как статика. Если нужен SSR, посмотрите на Next.js, SvelteKit или Nuxt в статическом режиме.

Как быть с маршрутами Angular Router?

Добавьте rewrite всех путей на /index.html в vercel.json или tatnet.json — иначе прямое открытие вложенного адреса даст 404.

Сколько занимает сборка?

Зависит от проекта, но зависимости и артефакты кэшируются между сборками, поэтому вторая и последующие идут заметно быстрее первой.

Другие фреймворки в категории «Фронтенд»

Полный список — каталог фреймворков.

Задеплойте Angular на Татнет

Подключите репозиторий — платформа определит фреймворк и соберёт проект. Регистрация без карты.