I love Webflow. It is, without a doubt, the best visual development tool on the market. It gives me complete control over the frontend without wrestling with CSS syntax errors.

But I also love owning my infrastructure, and I really prefer writing in Notion.

So, I built a hybrid system for sil.so. I design in Webflow, write in Notion, and stitch it all together using Cloudflare Workers. It gives me the best of all worlds: pixel-perfect design, a seamless writing experience, and incredibly fast, server-side rendered content.

Today, I’m sharing the code and the process so you can build this too.

How it works

This architecture sounds fancy, but the data flow is linear. We use Cloudflare to glue a Notion backend to a Webflow frontend.

• Webflow: Handles the UI/UX. We design the visual shell here.
• **FlowTube:** My Chrome extension that pushes clean Webflow code to GitHub.
• Notion: Acts as the CMS where you write your content. Supports rich text, images, code blocks, rendered HTML, lists, quotes, and even toggles.
• Cloudflare Workers: The brain. It fetches content from Notion and injects it into your HTML before it reaches the user's browser.

Technical Architecture Diagram

What you’ll need

Before we write code, let's get the accounts and templates set up.

1. Cloudflare Account: The free tier is plenty.
2. Starter Code: **Clone my repository** (⭐). This contains the logic you'll need.
3. Notion Template: I’ve created a database you can duplicate to get started.

📝 Get the Notion Template Here

Webflow Notion Blog CMS Template (+ Database)

Connect Notion (API setup)

Once you have duplicated the database, you need to give the code permission to read it.