Quick start

Keystatic CLI

The quickest way to get started is to run the Keystatic CLI in your terminal. It creates a new project (Next.js or Astro), integrated with Keystatic.

npm create @keystatic@latest

Watch this introduction to the CLI and the Keystatic Admin UI:

Example templates

You can also try one of our demo templates:

  • Blank template - a barebones starting point. Keystatic with a simple Post collection, and no frontend design.
  • Landing page template - a fictive product marketing landing page demo, built with Tailwind CSS and Next.js.
  • Blog template - a blog post starter template showcasing Keystatic's Document field. Built with Next.js and Tailwind CSS.

Here are the steps to get started once you've cloned a template from GitHub:

  1. npm install
  2. npm run dev
  3. Visit the frontend homepage on http://localhost:3000.
  4. Visit the Keystatic Admin UI on http://localhost:3000/keystatic.

Add Keystatic to your existing project

We've got integration guides for the Astro and Next.js frameworks. More guides coming soon.