image.png

Если ты не сильно разбираешься в этих всех веб-облачных технологиях, чтобы сэкономить деньги на покупку веб-хостинга или VDS/VPS и у тебя небольшой сайт, лендинг или портфолио - вот рабочая схема, как всt разместить бесплатно, с кастомным доменом и автодеплоем через Git:

  1. Купи домен

    На любом удобном регистраторе - ps.kz, namecheap.com, reg.ru, etc.

  2. Зарегистрируйся на Cloudflare.com

    Добавь свой домен через “+ Connect a domain” - подтяни DNS-записи с текущего хостинга (можно автоматически) - визардом проще и быстрее. https://developers.cloudflare.com/fundamentals/setup/

    image.png

  3. Измени NS-записи у регистратора

    Укажи NS-сервера от Cloudflare. Подтверждение обычно занимает 15 мин - 24 часа.

    image.png

  4. Пока ждешь обновления NS-зоны - добавь временно в /etc/hosts:

172.67.xx.xx   mysite.kz
104.21.xx.xx   mysite.kz

  1. Создай GitHub-репу (приватную)

    Положи туда свой лендинг (index.html, style.css, script.js, картинки и т.д.). Если лендингов несколько - делай папками: colouring-books.kz/, clevergod.net и т.д.

📁 SITES/
├── 📁 colouring-books.kz/
│   ├── index.html
│   ├── styles.css
│   ├── script.js
│   └── ...

https://docs.github.com/en/pages

  1. В Cloudflare -> Pages -> Add Project

    Выбери GitHub репу, папку с лендингом как root, ветку main. https://developers.cloudflare.com/pages/get-started/

    image.png

  2. Привяжи кастомный домен

    Например: www.colouring-books.kz DNS-записи CNAME → pages.dev Cloudflare, Proxy on. https://developers.cloudflare.com/pages/configuration/custom-domains/

    image.png

  3. Добавь alias для удобства пуша:

alias sitepush="cd ~/Documents/САЙТЫ/SITE && git diff --quiet && echo '✅ No changes to push.' || (git add . && git commit -m 'autopush' && git push)"

Обновляешь → пушишь → через 10–20 сек сайт в проде.

👨‍💻 Всё - теперь твой сайт обновляется с GitHub → через Cloudflare → за секунды, с твоим доменом и без затрат.

Отлично подходит для одностраничных сайтов, портфолио, промо-страниц, MVP-прототипов, Визиток. Выглядит на первый взгляд сложно, но на деле все проще чем мы думаем…

⚙️ Примечание: Если Вы реализовали часть контента в js скриптах - то не забывайте они кешируются и чтобы кэш не мешал при пуше нового script.js, добавляй версию: