Getting Started with Astro on Cloudflare Workers

By KOI Platform

This is a sample blog post rendered by koi-web, an Astro 6 SSR service running on Cloudflare Workers. Every element on this page validates a Phase 141 success criterion.

Why Astro on Workers?

Astro's zero-JavaScript default means this entire page ships as pure HTML and CSS. The Cloudflare Workers runtime serves it from 200+ edge locations worldwide, giving readers sub-100ms TTFB regardless of their location.

  • Server-side rendering on every request
  • KV cache for ISR (coming in Phase 142)
  • Multi-tenant hostname routing (coming in Phase 142)

Code Block Verification

The code block below verifies that astro-expressive-code renders correctly with line numbers and a copy button: 

interface BlogPost {
  title: string;
  slug: string;
  content: string;
  publishedAt: Date;
  author: string;
}

function formatPost(post: BlogPost): string {
  return post.title + "\n\n" + post.content;
}

Typography Verification

This section verifies that @tailwindcss/typography prose classes render correctly for common blog elements:

Blockquote

The best way to predict the future is to invent it. — Alan Kay

Ordered List

  1. Write content in the KOI editor
  2. AI generates a polished blog post
  3. Publish to your custom domain

If you can see styled headings, a formatted code block with line numbers and a copy button, styled blockquote, and numbered list above, all Phase 141 integrations are working.