Хостинг Storybook в России
Публикация Storybook из Git: сборка, раздача с edge, свой домен с SSL. Оплата в рублях.
Storybook нужен всей команде, а не одному разработчику: дизайнер смотрит компоненты, тестировщик проверяет состояния, новый коллега разбирается в системе. Платформа собирает storybook-static и раздаёт его с edge — витрина живёт на своём домене и обновляется вместе с кодом.
Что Татнет делает с проектом на Storybook
Определяется по зависимости
Пакет storybook в package.json — достаточный признак. Команда сборки и папка storybook-static подставляются автоматически.
Своя витрина на каждую ветку
Preview-адрес Pull Request'а показывает компоненты той версии, которую ревьюят. Сравнивать «до» и «после» можно на живых страницах.
Доступ по своему домену
ui.вашдомен подключается в настройках, сертификат выпускается автоматически.
Отдельно от основного приложения
Storybook — самостоятельное приложение в проекте. Его деплой не трогает прод и наоборот.
Настройки сборки
- Фреймворк в панели
storybook- Команда сборки
storybook build- Папка с результатом
storybook-static- Как работает в проде
- Статические файлы с edge-раздачей
- Версии Node.js
- 22 и 24
- Пакетный менеджер
- npm, yarn, pnpm или bun — по локфайлу и полю packageManager
Как задеплоить Storybook
Подключите репозиторий
GitHub App, GitLab OAuth или наш Gitea. Платформа прочитает конфиги и определит фреймворк — в вашем случае Storybook.
Проверьте команду сборки
Команда сборки и папка с результатом подставляются из пресета. Здесь же задаются переменные окружения и ветка для продакшена.
Деплой
Сборка идёт в одноразовой микро-VM, готовые файлы уезжают на edge. Сайт доступен на поддомене *.tatnet.app или вашем домене.
Возможности Storybook на Татнет
Автоопределение при подключении репозитория
GitHub, GitLab и Gitea
Кастомный домен и бесплатный SSL
Переменные окружения и секреты
Preview для Pull Request
Логи сборки и рантайма в панели
Монорепозиторий (Root Directory)
Заголовки, редиректы и rewrites на edge
Storybook 7 и 8
React, Vue, Svelte, Angular, Web Components
Сборка из монорепозитория
Визуальное тестирование
Частые вопросы про Storybook
Storybook лежит в пакете монорепозитория. Как быть?
Укажите Root Directory — например packages/ui. Сборка пойдёт оттуда, а результат возьмётся из storybook-static внутри этой папки.
Можно ли закрыть витрину от посторонних?
Отдельной парольной защиты у приложений нет. Практичный вариант — держать Storybook на непубличном поддомене и не публиковать ссылку; для настоящей приватности разместите его за своим прокси в VPC.
Какая команда сборки правильная?
Для Storybook 7 и новее — storybook build. В старых проектах встречается build-storybook; впишите её в настройках, если у вас именно такой случай.
Влияет ли Storybook на прод-приложение?
Нет, это отдельное приложение со своим доменом, сборкой и историей деплоев.
Другие фреймворки в категории «Статические сайты»
Полный список — каталог фреймворков.
Задеплойте Storybook на Татнет
Подключите репозиторий — платформа определит фреймворк и соберёт проект. Регистрация без карты.