AI Blogr/ Docs

Building a headless front end

Patterns for rendering AI Blogr content in Next.js, Astro, or any framework.

If you want full control over design and routing, render your content yourself with the delivery API.

Typical setup

  1. Create a read-only API key (Settings → API keys).
  2. Fetch the post list and individual posts from /api/v1/public/... with the X-API-Key header.
  3. Render them in your framework — Next.js, Astro, SvelteKit, or anything that can fetch JSON.
  4. Use each post's returned SEO fields and JSON-LD to populate your <head> and structured data.
  5. Build your own sitemap from /api/v1/public/sitemap.

When to go headless vs. hosted

  • Hosted blog (subdomain / custom domain / subdirectory) — fastest, fully managed, SEO built in.
  • Headless — when you need a bespoke design or want the blog deeply embedded in an existing app.

Both can run from the same content; pick per project.

Chat with us