Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions netlify.toml
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,10 @@
to = "https://www.surveymonkey.com/r/jamstack-survey"
status = 302

[[redirects]]
from = "/headless-cms/keystone-5/"
to = "/headless-cms/keystone/"
status = 301

[[plugins]]
package = "./plugins/keep-dot-cache-folder"
103 changes: 0 additions & 103 deletions src/site/headless-cms/keystone-5.md

This file was deleted.

113 changes: 113 additions & 0 deletions src/site/headless-cms/keystone.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
---
title: Keystone
repo: /keystonejs/keystone
homepage: https://keystonejs.com/
twitter: KeystoneJS
opensource: "Yes"
typeofcms: "API Driven"
supportedgenerators:
- All
description: The programmable backend that allows you to create a highly customised CMS and API in minutes.
images:
- path: /img/cms/keystone-hero.png
- path: /img/cms/keystone-js-schema-example.png
- path: /img/cms/keystone-admin-ui.png
- path: /img/cms/keystone-graphQL-playground.png
---

## KeystoneJS: The programmable open source CMS for developers

[Keystone](https://keystonejs.com/) is the open source programmable backend that allows you to create a highly customised CMS and API in minutes.

It enables a way of building backend solutions that is productive, collaborative, and fun. With Keystone you can start fast and ship at speed without sacrificing your long view.

**More than a backend framework, and more than a Headless CMS. Keystone is a platform for next-gen development workflows and evolution.**

\
 
<a href="https://keystonejs.com/docs" style="margin: 1rem 0; padding: 1rem; background-color: #166bff; color: #fff; text-decoration: none; border-radius: 6px; font-size: 1.25rem; font-weight: 600; ">Read the docs →</a>
\
&nbsp;

## Developer Experience
### Workflow

- Fits your git-based workflow & CI
- Automatic db migrations with Prisma
- Postgres & SQLite support
- Self host anywhere. No walled gardens for your content.
- Built on tooling you know and love
### Flexibility

- Zero assumptions. No hard opinions to lock you in.
- Smart abstractions for low level tasks
- Control in the places you need it most
- Escape hatches where you need them
### Community

- 100% open source & free forever
- 1 million+ `npm` downloads
- 160+ contributors
- Active [Community Slack](https://community.keystonejs.com/) with reliable support

## Features

- Automated CRUD
- Extensible GraphQL API
- Next-gen WYSIWYG
- Session management
- 100% Typescript
- Custom roles & access
- Flexible relationships
- Powerful filtering
- Database migrations
- Extensive field types
- Event Hooks
- Intuitive CLI
## How it works
### 1. Design your schema

Rapidly spec your backend with all the primitive and advanced field types you need. Add logic, access control, and custom queries & mutations to create an API that's unique to your app.
\
&nbsp;

- 100% TypeScript (or JavaScript)
- Fits your git-based workflow & CI
- Automatic db migrations with Prisma

<img src="/img/cms/keystone-js-schema-example.png" alt="Code example of Keystone configuration schema" />

### 2. Customise your content story

A flexible and intuitive editing environment that does what your schema says: Keystone’s Admin UI understands your access control, so you can shape it to your unique needs.
\
&nbsp;

- Powerful access control
- Next-gen rich text WYSIWYG
- BYO custom React components

<img src="/img/cms/keystone-admin-ui.png" alt="Example of Keystone Admin UI editing environment" />

### 3. Query your data

Get what you need, fast. Keystone's GraphQL API gives you session management, access control, pagination, sorting, and filtering out of the box. Customise it without losing the bits that work for you.
\
&nbsp;

- Powerful CRUD scaffolding
- Evolve with bespoke logic for your app
- Integrate microservices & external APIs

<img src="/img/cms/keystone-graphQL-playground.png" alt="Example of Keystone's build in GraphQL playground" />

### 4. Deploy anywhere

Keystone is open source. Deploy it to managed services like Digital Ocean, Heroku, and Render, or your own custom infrastructure. The source of truth is your codebase, so Keystone fits naturally into your git-based development workflow, and you can use all the CI & Automation tooling you already know.

\
&nbsp;
<a href="https://keystonejs.com/docs" style="margin: 1rem 0; padding: 1rem; background-color: #166bff; color: #fff; text-decoration: none; border-radius: 6px; font-size: 1.25rem; font-weight: 600; ">Start building today →</a>
\
&nbsp;

Binary file removed src/site/img/cms/keystone-5-adminUI.png
Binary file not shown.
Binary file added src/site/img/cms/keystone-admin-ui.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/site/img/cms/keystone-hero.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/site/img/cms/keystone-js-schema-example.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.