Сегодня я расскажу, как бесплатно захостить свой ресурс на Cloudflare.
1. Если у вас все еще нет аккаунта Cloudflare, то регистрируем его. Подключаем свой домен к Cloudflare (через смену NS у регистратора). Если домен уже привязан — просто заходим на главную страницу Cloudflare и выбираем нужную зону (домен);
2. В верхнем меню выбираем Compute & AI. Двигаем в раздел «Workers & Pages». Здесь мы можем поднять статические сайты, лендинги, white page без отдельного хостинга;
3. Создаем приложение (pages-проект). Нажимаем «Create application». Выбираем пункт «Upload your static files», он позволит загрузить наш лендинг или HTML‑сайт;
Если что, можно воспользоваться бесплатными шаблонами с templatemo.com;
4. Загружаем файлы сайта. Нажимаем загрузку папки и выбираем папку с нашим сайтом. Cloudflare Pages принимает обычный статический сайт: index.html, папки css, js, images и т.п.. Придумываем название нашего приложения (pages‑проекта). Нажимаем «Deploy» и ждём, пока деплой завершится. Cloudflare выдаст временный адрес вида имя-проекта.pages.dev, по которому уже можно посмотреть, как выглядит наш сайт;
Лимиты на момент публикации гайда: максимальный размер одного файла — до 25 МБ, общее количество файлов в проекте — до 20 000. Для обычного лендинга или шаблона этих лимитов хватит с огромным запасом;
5. Привязываем свой домен к сайту. Теперь делаем так что бы домен открывал ваш сайт: заходим в настройки нашего проекта (воркера/pages‑приложения), находим раздел «Domains & Routes», нажимаем «+Add», выбираем «Custom domain» и вписываем свой домен. Cloudflare автоматически подставит нужные значения для записи в DNS и создаст нужный CNAME/A‑запись;
Важно: наш домен уже должен быть подключен к Cloudflare (NS‑записи у регистратора указывают на Cloudflare). Если этого ещё нет — сначала подключите домен к Cloudflare, потом привязывайте его к проекту;
6. Ожидаем обновления DNS и проверяем сайт. Обычно обновление DNS в Cloudflare занимает от нескольких секунд до пары минут. После этого открываем в браузере свой домен и видим наш залитый сайт, который полностью на размещен инфраструктуре Cloudflare без отдельного платного хостинга;
7. Поздравляю, готово! Что сэкономлено — то заработано.
