� Back to Documentation

Deploy to Cloudflare Pages

Deploy with Cloudflare's global CDN and DNS management. Perfect for domains already using Cloudflare, with automatic DNS configuration and enterprise-grade performance.

Why Cloudflare Pages?

Prerequisites

Deployment Steps

Step 1: Create a Cloudflare Pages Project

  1. Go to Cloudflare Pages
  2. Log in to your Cloudflare account
  3. Click "Create a project"
  4. Click "Connect to Git"
  5. Authorize Cloudflare to access your Git provider (GitHub or GitLab)
  6. Select the launchpage.xyz repository

Step 2: Configure Build Settings

For Launchpage.xyz, use these settings:

Step 3: Deploy

  1. Review your settings
  2. Click "Save and Deploy"
  3. Cloudflare will clone your repository and deploy
  4. Your site will be live at your-project.pages.dev in about 1 minute

Add Your Custom Domain

If Your Domain is on Cloudflare DNS (Easiest)

  1. In your Pages project, go to "Custom domains"
  2. Click "Set up a custom domain"
  3. Enter your domain (e.g., example.com)
  4. Click "Continue"
  5. Cloudflare will automatically configure DNS records
  6. SSL certificate is provisioned automatically (Universal SSL)
  7. Domain will be live within minutes
Pro Tip: If your domain is already on Cloudflare DNS, custom domain setup takes just seconds with automatic DNS configuration!

If Your Domain is NOT on Cloudflare

  1. Add your custom domain in Pages project settings
  2. Cloudflare will provide a CNAME target (e.g., your-project.pages.dev)
  3. At your DNS provider, add a CNAME record:
    • Name: @ (for root domain) or www (for subdomain)
    • Target: The Cloudflare Pages URL provided
  4. Wait for DNS propagation (5-30 minutes typically)
  5. SSL will be automatically provisioned once DNS is confirmed

Continuous Deployment

Cloudflare Pages automatically deploys on every Git push:

Branch-Based Deployments

Configure different branches for production and preview:

  1. Go to project "Settings" � "Builds & deployments"
  2. Set "Production branch" (e.g., main)
  3. All other branches create preview deployments
  4. Preview URLs: branch-name.your-project.pages.dev

Enable Web Analytics (Optional)

Cloudflare offers privacy-first web analytics:

  1. In your Cloudflare dashboard, go to "Analytics" � "Web Analytics"
  2. Click "Add a site"
  3. Enter your domain
  4. Copy the provided JavaScript snippet
  5. Add it to your index.html before the closing </body> tag

Advanced: Multiple Domains

Host multiple domains on the same Pages project:

  1. Go to "Custom domains"
  2. Click "Set up a custom domain" for each domain
  3. Each domain will serve the same content
  4. The launchpage will automatically detect and display the correct domain name

Collect Emails/Waitlist

To collect email submissions from your launchpage, you'll need to set up a Cloudflare Worker. This allows you to store and access visitor submissions.

Follow our complete guide: Collect Emails/Waitlist →

After setting up the Worker, update the form action in your index.html before deploying to Cloudflare Pages:

<form class="email-form" id="emailForm" method="POST"
      action="https://YOUR-WORKER-URL.workers.dev">

Troubleshooting

DNS not resolving?

SSL certificate issues?

Build failing?

Cloudflare-Specific Benefits

Other Deployment Platforms

Need help? Open an issue on GitHub or check the Cloudflare Pages documentation.

� Back to Documentation