Hosting with Cloudflare

Search

Hosting with Cloudflare

Cloudflare is a widely used hosting platform that can add an additional layer between your site and the client, known as reverse proxying. This layer can provide enhanced security, performance, availability, and analytics. However, Framer already includes many of these features by default, so an extra layer is usually only necessary for very specific requirements.

Note: Reverse proxy is only available as an Add-on or our Enterprise plans.

Setup

Cloudflare is compatible with Framer. However, during the initial setup, you need to disable proxying (set it to DNS only) to fetch a new certificate. After everything is working, you can enable proxying again. Please read this article on connecting a custom domain.

Please proceed to your Cloudflare account and configure your domain. You can easily add the domains as explained earlier. Note that Cloudflare utilizes "@" for your root domain.

Make sure to configure the following settings during setup:

  • DNS: Proxied

  • TLS/SSL: Full (Strict)

  • Always Use HTTPS: Enabled

  • Automatic HTTPS Rewrites: Enabled

Now, let’s proceed with an important step: disabling HTTPS/SSL for a specific endpoint on the Framer site. This endpoint is used to generate the SSL certificate using Let’s Encrypt.

To do this, go to Rules → Page Rules and create a rule for <domain>/.well-known/acme-challenge/* (where the domain is koenbok.com in this case) with the following settings:

  • SSL: Off

  • Automatic HTTPS Rewrites: Off

Once everything is properly set up, it should resemble the configuration mentioned above.

Your site should now be proxied through Cloudflare. It may take some time for the settings to propagate. To verify this, you can check the headers of the served document in the Inspector.