Если хотите разместить статический сайт без головной боли, Firebase Hosting – отличный вариант. Здесь всё делается через консоль и несколько команд, а Google берёт на себя масштабирование и SSL.
Firebase Hosting – сервис от Google, предназначенный для размещения HTML, CSS, JavaScript и других файлов. Он работает на глобальной CDN, поэтому ваш сайт будет грузиться быстро в любой точке мира. При этом сертификат HTTPS выдаётся автоматически, так что безопасность уже включена.
1. Создайте проект в Firebase. Заходите в консоль Firebase, нажимаете «Add project», вводите название и подтверждаете. Проект нужен для хранения настроек и доступа к хостингу.
2. Установите Firebase CLI. На вашем компьютере откройте терминал и выполните npm install -g firebase-tools. Эта утилита будет управлять развертыванием.
3. Авторизуйтесь. В терминале введите firebase login и войдите в свой Google‑аккаунт. После этого CLI получит права на ваш проект.
4. Инициализируйте проект. Перейдите в папку с вашими файлами и запустите firebase init. Выберите «Hosting», укажите папку (обычно public), согласитесь на автоматический перезапуск index.html и настройте режим «single-page app», если нужен роутинг.
5. Разверните сайт. Команда firebase deploy отправит файлы на сервер. Через пару секунд вы получите URL вида your-project.web.app. При желании привяжите собственный домен в настройках консоли.
Эти шаги работают как для простых лендингов, так и для сложных приложений на React или Vue. Главное – правильно указать папку сборки, например dist у Vite.
Если что‑то пошло не так, проверьте логи в терминале. Частая ошибка – неверный путь к папке, из‑за чего CLI не найдёт файлы. Также убедитесь, что в файле .firebaserc выбран нужный проект.
С помощью Firebase Hosting можно включить редиректы, кэш‑правила и настройки заголовков. Всё делается в файле firebase.json. Пример простого кэша:
{
"hosting": {
"public": "public",
"headers": [
{
"source": "**/*.js",
"headers": [{ "key": "Cache-Control", "value": "public, max-age=31536000" }]
}
]
}
}
Эти правила заставят браузер хранить JS‑файлы долго, ускоряя последующие загрузки.
В итоге Firebase Hosting – это надёжный, быстрый и бесплатный (до 10 ГБ трафика) способ вывести ваш сайт в сеть. Попробуйте, и вы увидите, как просто может быть публикация в интернете.
