6 posts
Most Astro tutorials stop at pnpm create astro. By the time you need TypeScript strict mode, Tailwind 4, and a Cloudflare deployment pipeline enforcing Lighthouse 100, you are patching together Stack Overflow answers. This post gets you production-ready from the first command.
12 min readEvery client:load directive you add ships JavaScript to every reader. Most of them do not need it. The difference between Lighthouse 100 and 85 is understanding which components need interactivity and choosing the right hydration strategy for each.
14 min readYour blog has 50 posts and a typo in one date field blows up the whole page. Content Collections catch schema violations at build time — before your readers do. This post covers the Content Layer API, Zod schemas, dynamic routes, and image validation.
12 min readYour Astro site builds locally but fails on deploy — Mermaid needs Playwright, edge functions reference process.env, and Lighthouse scores crater. This post configures Cloudflare Pages, GitHub Actions, and Lighthouse CI so deploy day is boring.
15 min readStop shipping Mermaid.js to your readers. Render diagrams to SVG at build time with rehype-mermaid and Playwright, cutting ~1MB of client-side JavaScript to zero.
7 min readA comprehensive guide to Blogcraft's content pipeline featuring Expressive Code, Mermaid diagrams, and rich static MDX components.
4 min read