Recipe

Astro Primer

Ship a zero-JS marketing site with Astro, Tailwind, and Meridian's edge licensing hooks — static by default, hydrated only where you need it.

Why Astro

Astro compiles to static HTML and strips all JavaScript unless you explicitly opt in with island directives. Your landing page, changelog, and docs ship as flat files — fast CDN delivery, zero runtime overhead.

Scaffold

npm create astro@latest meridian-site
cd meridian-site
npm install @meridian/node

License Gate

Add a server endpoint that validates the user's license key before serving gated content. Meridian's edge client returns a signed session token you can verify in Astro's API routes.

// src/pages/api/verify.ts
import { Meridian } from '@meridian/node'

export async function POST({ request }) {
  const { key } = await request.json()
  const session = await Meridian.verify(key)
  return new Response(JSON.stringify(session))
}

Deploy

Push to Vercel or Cloudflare Pages. Astro outputs pure static assets — your site loads in under 300ms globally.

Next: wire up the dashboard at Recipe: Dashboard