Domain Name Redirect – Namecheap + Cloudflare “Pages”

These instructions are specifically for Cloudflare Page static HTML sites. Cloudflare also provides free SSL when Namecheap Domain name is added to Cloudflare > Domains.

On Cloudflare – Add Domain Name

  1. Cloudflare dashboard > Domains > Overview > click Add Domain button
  2. Under Add a site, choose Connect a domain
  3. Select a plan for KeithWarrenWalley.com.com: Choose Free plan
  4. Click Continue to activation
  5. Note the below Cloudflare Name Server (NS) records. Use these to update the Domain name’s Custom DNS on Namecheap:
    • fiona.ns.cloudflare.com
    • mitch.ns.cloudflare.com

On Namecheap – Add Name Server (NS) records

  1. Copy the below Cloudflare Name Server (NS) records to: Namecheap > Domain > Nameservers > Custom DNS:
    • fiona.ns.cloudflare.com
    • mitch.ns.cloudflare.com

Back On Cloudflare – Add Subdomain

Cloudflare dashboard (Account home) > Build > Compute > Workers & Pages

  • Select keith-warren-walley project
  • Open Custom domains tab
  • Click blue Set up a custom domain button
  • In Domain field, enter: keithwarrenwalley.com

This is also where keithwarrenwalley.com gets a free SSL certificate from Cloudflare.

Back On Cloudflare – Add 192.0.2.1 to www A Record

  1. Make sure www DNS record is 192.0.2.1 and is Proxied (orange cloud)
  2. Delete any other www A Records that are brought in from Siteground hosting

Back On Cloudflare – Add Redirect Rule for www.keithwarrenwalley.com → keithwarrenwalley.com

  1. Cloudflare dashboard (Account home) > Domains > Overview > click Domain name (eg: KeithWarrenWalley.com)
  2. Rules (in left-hand menu) > Redirect rules > Click blue Create rule button
  3. Choose: Redirect from WWW to root template
  4. Rule name: Redirect from WWW to root [Template]: www.keithwarrenwalley.com → keithwarrenwalley.com
  5. If incoming requests match…: choose Wildcard pattern
  6. Request URL: http*://www.keithwarrenwalley.com/*
  7. Target URL: https://keithwarrenwalley.com/${2}
  8. Status code: 301 – Permanent Redirect
  9. Preserve query string: On

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *