Paano Mag-deploy ng HTML Template sa Cloudflare Pages (Libre)

Paano Mag-deploy ng HTML Template sa Cloudflare Pages (Libre)

Bakit Cloudflare Pages?

Ang Cloudflare Pages ay nag-aalok ng libreng static site hosting na may global CDN, awtomatikong HTTPS, at walang limitasyong bandwidth. Ito ang perpektong deployment target para sa HTML website templates.

Mga Kinakailangan

  • Isang Cloudflare account (libre)
  • Handa na ang iyong HTML template files
  • Isang GitHub o GitLab repository (opsyonal, para sa CI/CD)

Paraan 1: Direktang Pag-upload (Pinakamabilis)

  1. Mag-log in sa iyong Cloudflare dashboard
  2. Pumunta sa Pages at i-click ang Create a project
  3. Piliin ang Upload assets
  4. I-drag at i-drop ang iyong template folder (dapat may index.html)
  5. I-click ang Deploy site
  6. Live na agad ang iyong site gamit ang .pages.dev domain

Paraan 2: Git Integration (Inirerekomenda)

  1. I-push ang iyong template sa isang GitHub o GitLab repository
  2. Sa Cloudflare Pages, piliin ang Connect to Git
  3. Piliin ang iyong repository
  4. Itakda ang build settings:
    • Build command: Iwanang walang laman para sa plain HTML
    • Output directory: / o dist
  5. I-click ang Save and Deploy
  6. Awtomatikong nagti-trigger ng redeployment ang mga susunod na push

Pagdaragdag ng Custom Domain

  1. Sa iyong Pages project, pumunta sa Custom domains
  2. I-click ang Set up a custom domain
  3. Ilagay ang iyong domain name
  4. Awtomatikong kino-configure ng Cloudflare ang DNS at SSL

Mga Pag-optimize ng Performance

  • Brotli compression: I-enable sa Cloudflare settings
  • Cache rules: Magtakda ng mahabang TTLs para sa static assets
  • Early Hints: I-enable para sa mas mabilis na pag-load ng resources

Konklusyon

Ang Cloudflare Pages ay ang ideal na libreng hosting solution para sa HTML templates. Sa pamamagitan ng global CDN, awtomatikong HTTPS, at Git-based deployments, maaari kang pumunta mula template patungong live website sa loob ng wala pang 5 minuto. Mag-download ng libreng template at subukan ito ngayon.

Mga Kaugnay na Template