Практичний посібник · інфраструктура

Як опублікувати сайт на Cloudflare Pages із Git

Cloudflare Pages підходить для статичних сторінок і підтримує автоматичне складання з репозиторію. На прикладі цього навчального сайту розглянемо шлях від зміни до безпечної публікації без окремого сервера.

Підготуйте відтворювану збірку

Код, залежності й команда збірки мають бути в репозиторії. Результат — папка з готовими статичними файлами. Локально перевірте, що пряме відкриття кожної сторінки повертає її HTML, а не порожній контейнер, який заповнюється лише після JavaScript.

Для багатомовного сайту створюйте окремий HTML для кожного URL. Збірка може формувати sitemap і метадані, але індексація має зачекати на перевірку змісту.

  • Запишіть команду збірки та вихідну папку.
  • Відкрийте внутрішні сторінки прямими адресами.
  • Перевірте title, description і мову готового HTML.

Підключіть Git і переглядайте зміни

Підключіть репозиторій до проєкту Pages і виберіть виробничу гілку. Зміна в іншій гілці створює попередній перегляд. Перевірте його до публікації: текст, мобільне меню, посилання й форму.

Попередній перегляд не має випадково потрапляти до пошуку. Cloudflare додає X-Robots-Tag: noindex для preview deployments; сам сайт також може залишатися з noindex до редакційного схвалення.

Додавайте серверну логіку за потреби

Статичному сайту не потрібна база даних. Якщо з’явиться реальна функція, наприклад заявка або особистий кабінет, Pages Function може обробляти дані на сервері. Ключі API залишаються лише в серверних змінних, а введення й права перевіряють на сервері.

Якщо майбутньому продукту потрібні черги, тривалі з’єднання або особливі умови зберігання, порівняйте архітектури заздалегідь. Платформу обирають за потребами застосунку та вартістю підтримки.

Перевірте публікацію та відкат

Після випуску відкрийте кілька адрес безпосередньо, перевірте код відповіді, robots, канонічні посилання й відсутність зламаних сторінок. Зафіксуйте опублікований commit. Якщо виникне проблема, поверніться до перевіреної версії й виправте причину в коді.

Домен pages.dev може залишатися технічною адресою. Назва платформи сама по собі не підвищує позицій у пошуку; важливі доступний HTML, якість матеріалів і достовірні факти.