SYGNAL UNIVERSITY

Reverse Proxy w/ Cloudflare

No items found.
Overview
Introduction to Reverse Proxies + Webflow
001
What Problems are we Solving?
What Problems are we Solving here?
101
The SSL Problem
102
Maximizing Site Performance
103
Staying Within Webflow's Hosting Plan Traffic Limits
104
Setup & Configurations
Proxy Configuration Approaches
201
Reverse-Proxy DNS Config
202
High Performance Configs
Proxying for Performance
300
Caching Strategy
301
Level 1 - Basic Caching
302
Level 2 - Caching + Optimization
303
Level 3 - Extended Caching + Optimization
304
Level 4 - Advanced Caching + Optimization
306
Administration
How to Determine if an Item is Cached
801
How to Remove a Cached Item
803
Emergency Revert
804
Resources
More Resources
901
No items found.

Webflow hosting is delivered in a "black box" approach with a lot of limitations. Fortunately you can solve many of them by adding a reverse proxy.

Here we're going to walk you through how to setup your own reverse proxy on Cloudflare, and some of the great things you can do with it.

  • Performance-
    • Make your site blazingly fast
    • Score in the 90s on your Google Lighthouse scores
    • Improve your SEO by improving your Core Web Vitals
    • Automatically optimize your images for fast delivery
  • Cost savings-
    • Are you struggling with too much traffic for your Webflow Business Plan, and Webflow wants you to upgrade to Enterprise Lite
  • Mitigate DDoS attacks

What is a reverse proxy?

A reverse proxy is a server that sits between your users and Webflow's web servers.

It acts as a go-between, and it can;

  • Change any aspect of a request from the user
  • Change any aspect of a response from the server

It has the ability to cache pages and files for performance, and to optimize your images. It can even modify your web page content dynamically.

Why would you want one?

Common uses include;

  1. Performance & Optimization: A reverse proxy can cache static assets and even some dynamic content, reducing the load on your Webflow site and improving performance. This is particularly useful if you're hitting bandwidth or request limits on your current plan.
  2. Security: Reverse proxies can provide additional security features like DDoS protection, rate limiting, and access controls, which can be beneficial if you're concerned about the security of your Webflow site.
  3. Custom Paths: Build custom paths for your Webflow site.
  4. Site Merging. Combine multiple sites ( Webflow, or other ) under a single domain, so that your blog, your store, and your content can all be build with the platforms that suit you best.

Other possibilities;

  1. A/B testing
  2. Geolocation-based content delivery
  3. Continuous Audio. Advanced scenarios become possible as well
  4. Custom API endpoints
  5. Specialized assets, like a JS directory mapping to a git repo
  6. Overcome samesite security restrictions
  7. Read/write http-only cookies
  8. CSRF

Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.