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:

Clone a template

Alternatively, you can git clone one of our templates from Github.

  • 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.

Once you have cloned the repo locally, getting it up and running is as simple as:

  1. npm install in your project directory.
  2. npm run dev
  3. Open http://localhost:3000 in your browser to check out the homepage.
  4. Head to http://localhost:3000/keystatic in your browser to check out the Keystatic Admin UI.