
Astro · Tailwind · Cloudflare
Example
A production-ready starter for fast, accessible, hand-built sites — with the theming, animation and Cloudflare plumbing already solved.
Included
What's in the box
Every piece below is wired up and documented in docs/.
Tokenised design system
Colours, rounding, motion and layout widths all come from one TypeScript file and flow into Tailwind utilities automatically.
Dark mode, no flash
The theme is set inline before first paint and remembered in localStorage, so there is never a white flash on load.
Load-in animations
Two reveal mechanisms — CSS for above the fold, IntersectionObserver below it — both disabled under reduced-motion.
SEO out of the box
Canonical URLs, Open Graph, Twitter cards, JSON-LD, sitemap and RSS, all generated from the site config.
Cloudflare native
Pages Functions, D1 for contact-form storage, R2 for CMS media, all wired and documented.
Optional CMS
Decap CMS with a GitHub OAuth worker and R2 uploads ships as a drop-in kit you add only when a client needs it.
Start a new site
Clone the repo, work through docs/01-new-project.md, and edit the four files in src/config/.