← Back to Blog
development

How to Use This Template

Ready to build your website? This guide walks you through setting up the Astro Keystatic Template for your own project.

Prerequisites

Before starting, make sure you have:

  • Bun installed (package manager and runtime)
  • A GitHub account (for content storage and deployments)
  • A Cloudflare account (for hosting, D1, and Zero Trust)
  • Node.js 20+ (for Astro and Keystatic)

Step 1: Clone the Template

git clone https://github.com/your-org/astro-keystatic-template.git my-website
cd my-website
bun install

Step 2: Configure Site Settings

Edit packages/site-config/src/index.ts to customize your site:

  • name: Your company or site name
  • description: Default meta description
  • analytics: Google Analytics ID, GTM ID, Cloudflare token
  • social: Social media profile URLs
  • contact: Email, phone, address

Step 3: Set Up Content Collections

The template ships with these content types: blog posts, pages, services, portfolio, team members, testimonials, FAQs, and clients. Edit schemas in packages/keystatic-config/src/collections/.

Step 4: Start Developing

# From the repo root:
bun run dev      # Starts all three dev servers

Step 5: Deploy to Cloudflare

Follow the deployment guide in deployment-reference.md. You'll create four Cloudflare Pages projects and configure D1, Zero Trust, and secrets.

That's It

Your site is live. Content editors can log in at cms.yourdomain.com and start authoring. Form submissions appear in your dashboard at dashboard.yourdomain.com.