Brooklyn Editions — Headless Site

A live preview of the headless rebuild. These pages are rendered in code from the production main Webflow CMS on every request — edit in Webflow, refresh here, see the change. Drafts included. No Webflow Designer templates.

Blog — Articles & Guides → Topic-cluster hub + 23 cluster posts. Search, tag filter, related-post links, glossary tooltips. Papers → Papers hub grouped by category + 76 individual paper detail pages, all CMS-driven.

Checklist component (demo post) → A blog post that uses the downloadable-checklist block — what a post renders when a {{checklist}} marker is in its CMS body. Glossary → 27-term glossary. Terms auto-link as hover tooltips throughout the blog posts.

Paper detail page → A single CMS-driven paper page (Epson Hot Press Natural 330) with full specs. Specialty Papers (category) → A paper category page — papers grouped and filtered by type.

How it works

Webflow stays the editor. Content is authored in Webflow's CMS; nothing about the editing workflow changes.
Pulled live. The Webflow Data API serves the main CMS as JSON; each request renders the Astro templates against current data, so edits appear on refresh.
Real header/footer/CSS. Output uses the site's real header/footer/CSS and self-hosted fonts for a 1:1 match (good for SEO and AI crawlers in production).
Noindexed. Every page sends X-Robots-Tag: noindex, so this demo can't be crawled or compete with the live site.