Content Authoring with Keystatic

Keystatic is the CMS built into this template. It provides a clean, split-screen editor where content editors can create and manage all website content without touching code.

Accessing the CMS

Navigate to cms.yourdomain.com and authenticate with your GitHub account (or whichever identity provider was configured). You'll see the Keystatic dashboard with all your content collections.

Content Collections

Each content type has its own collection in the sidebar:

• Blog Posts — articles with tags, featured images, and author info
• Pages — freeform pages (About, Privacy Policy, etc.)
• Services — service descriptions with optional icons
• Portfolio — project showcases with images and categories
• Team Members — staff profiles with photos and bios
• Testimonials — client quotes with attribution
• FAQs — question/answer pairs
• Clients — client logos and descriptions

Creating Content

1. Click a collection in the sidebar
2. Click "Create" to add a new entry
3. Fill in the fields: title, slug, content, etc.
4. Use the Markdoc editor for rich text — headings, lists, links, images, tables
5. Click "Save" to commit changes

Working with Images

Upload images through the image fields. They're stored in public/ directories and optimized by Astro at build time.

Preview Before Publishing

Content saved in the CMS goes to the preview branch. You can:

1. Save your changes in the CMS
2. Visit preview.yourdomain.com to see how they look
3. Make any adjustments needed
4. When ready, click "Publish" in the CMS toolbar

The Publish Flow

Publishing merges the preview branch into main. Cloudflare Pages detects the new commit and auto-builds/deploys the production site.

Next: deploying your site to Cloudflare.