What does the configuration of Cloudflare Workers look like to set up a separate Guide section as another Webflow site using the CMS system in Webflow when the main site has reached the max page limit? After setting up the configuration, how do I point my main domain at the provided Routes URL from Cloudflare?
TL;DR
- Use Cloudflare Workers to host a separate Guide section when hitting Webflow's max page limit.
- Set up a Cloudflare Worker and configure it to forward requests to a new Webflow project for the Guide section, published under a Webflow subdomain.
- Create and test a route in Cloudflare Workers that matches a sub-path like
/guide, ensuring it links with the new Webflow site while maintaining your main domain display.
When your main Webflow site reaches the max page limit, using Cloudflare Workers can allow you to host a separate Guide section while still leveraging Webflow CMS. Below are steps to configure this setup.
1. Set up Cloudflare Workers
- Log in to Cloudflare with your account credentials.
- Navigate to the Workers section within the Cloudflare dashboard.
- Create a new Worker that will serve as the handler for requests headed to the separate Guide section.
2. Deploy the New Webflow Site
- Create a new Webflow project for your Guide section.
- Publish the new site to a Webflow subdomain (e.g., yourguide.webflow.io).
- Ensure the CMS items and layout meet your requirements.
3. Configure Cloudflare Worker Routes
- Determine the sub-path for your Guide section (e.g.,
yourdomain.com/guide). - Within the Workers setup, create a route that matches this sub-path.
- Set the Worker to forward requests to your Webflow subdomain (e.g.,
yourguide.webflow.io) while maintaining the main domain display.
4. Point Main Domain to Cloudflare Workers
- Access your DNS settings for your main domain in Cloudflare.
- Add a CNAME record that points the desired subdomain (e.g.,
guide.yourdomain.com) towww.webflow.com. - Update your current Webflow project hosting settings to handle only specific paths (e.g., everything except
/guide).
5. Test Your Configuration
- Clear your cache and test the
/guidepath to ensure it displays content from your new Webflow Guide site correctly.
Summary
To extend a Webflow site by adding a separate Guide section while maintaining continuity with your main site, you use Cloudflare Workers to route traffic to a new Webflow-hosted site. This guide covers setting up a Worker, deploying the Guide as a separate site, and pointing your main domain to route traffic appropriately.
