Data Subsystems
The site of the applied-AI product studio behind the client work on this page: nine capabilities from RAG and agents, AEO and fintech to web3 and QA, engagement pods, case studies and a protected contact flow.
Overview
Data Subsystems, Inc. is the Florida consultancy I founded in 2008 and the studio every client project on this page was delivered through. Its site, datasub.com, presents it as an applied-AI product studio: RAG and agent systems, AEO and GEO, fintech and payments, web and e-commerce, industrial document AI, cloud and data platforms, blockchain and Web3, QA, and fractional CTO work, plus dedicated engineering pods.
The site was originally built in Webflow and was moved to Astro on Cloudflare Pages with two hard requirements: pixel-perfect visual parity and one-to-one SEO. A deterministic generator converted every exported page into an Astro file, a verifier compared the build against the originals, and the original Webflow CSS and interactions were kept verbatim, so visitors saw no change while hosting and the contact flow moved to Cloudflare.
On that base the live site now carries nine capability pages, pods, use cases, industries, products and selected work, together with a contact form protected by a honeypot and Cloudflare Turnstile that hands each message to a separate Email Worker.
What was built
- Migration of all 65 exported Webflow pages to Astro through a deterministic generator, followed by a verifier that compared visible text, images, links and titles with the originals.
- The blog rebuilt as a JSON content collection rendered by one template, with shared header and footer components replacing duplicated markup.
- A contact form on a Cloudflare Pages Function: honeypot check, server-side Turnstile verification and delivery through an Email Worker bound to the project as a service.
- Clean extensionless URLs with matching canonicals, internal links rewritten to the same form, and unindexed legacy pages removed.
- An accessibility and PageSpeed pass: page language, main landmark, aria labels, LCP fixes, crawlable links and image aspect ratios.
- Capability pages for nine practice areas plus pods, use cases, industries, products and work pages on the live site.
Stack
Frontend
- Astro 5
- Static build with file-format output, so Cloudflare serves clean extensionless URLs.
- Webflow CSS and JS
- Original design system and jQuery-driven interactions kept verbatim to guarantee pixel-perfect parity.
Backend
- Cloudflare Pages Functions
- Serverless handler that validates contact-form submissions and builds the outgoing message.
- Cloudflare Email Worker
- Separate Worker that sends the contact message, reached from Pages through a service binding.
Infrastructure & DevOps
- Cloudflare Pages
- Git-connected hosting: pushes to main deploy production and other branches get preview URLs.
Integrations & Payments
- Cloudflare Turnstile
- Bot check on the contact form, verified server-side before any email is sent.
Tooling & QA
- Node.js migration scripts
- Page generator, blog extractor, link cleaner and build verifier written for the one-time Webflow migration.
Engineering highlights
The migration was verified by tooling rather than by eye: the verifier diffed the Astro build against the Webflow originals and all 65 pages came out with zero differences.
The large Webflow stylesheet and interaction scripts were deliberately kept whole, because classes are applied dynamically, trading a leaner bundle for guaranteed visual parity.
Email from a static site without a mail server: the Pages Function passes each message to a Cloudflare Email Worker through a service binding.