Skip to Page NavigationSkip to Page NavigationSkip to Content

System Configuration

The keystone CLI expects to find a module named keystone.ts with a default export of a Keystone system configuration returned from the function config().

import { config } from '@keystone-6/core';
export default config({ /* ... */ });

The config function accepts an object representing all the configurable parts of the system:

export default config({
lists: { /* ... */ },
db: { /* ... */ },
ui: { /* ... */ },
server: { /* ... */ },
session: { /* ... */ },
graphql: { /* ... */ },
extendGraphqlSchema: { /* ... */ },
storage: { /* ... */ },
experimental: { /* ... */ },
});

We will cover each of these options below.

The configuration object has a TypeScript type of KeystoneConfig, which can be imported from @keystone-6/core/types. This type definition should be considered the source of truth for the available configuration options.

Note: It is important to pass a TypeInfo type argument to the config function as it ensures proper typing for the Keystone Context. This type is automatically created in .keystone/types. You can customize the output path of the generated type by specifying it in the config object.

import { TypeInfo } from ".keystone/types";
export default config<TypeInfo>({ /* ... */ });

lists

The lists config option is where you define the data model, or schema, of the Keystone system. It has a TypeScript type of ListSchemaConfig. This is where you define and configure the lists and their fields of the data model. See the Lists API docs for details on how to use this function.

import type { ListSchemaConfig } from '@keystone-6/core/types';
import { config } from '@keystone-6/core';
import { TypeInfo } from ".keystone/types";
export default config<TypeInfo>({
lists: { /* ... */ },
/* ... */
});

db

import type { DatabaseConfig } from '@keystone-6/core/types';

The db config option configures the database used to store data in your Keystone system. It has a TypeScript type of DatabaseConfig. Keystone supports the database types PostgreSQL, MySQL and SQLite. These database types are powered by their corresponding Prisma database providers; postgresql, mysql and sqlite.

  • provider: The database provider to use, it can be one of postgresql, mysql or sqlite.
  • url: The connection URL for your database
  • onConnect: which takes a KeystoneContext object, and lets perform any actions you might need at startup, such as data seeding
  • enableLogging (default: false): Enable logging from the Prisma client.
  • idField (default: { kind: "cuid" }): The kind of id field to use, it can be one of: cuid, uuid or autoincrement. This can also be customised at the list level db.idField. If you are using autoincrement, you can also specify type: 'BigInt' on PostgreSQL and MySQL to use BigInts.
  • prismaPreviewFeatures (default: []): Enable Prisma preview features by providing an array of strings.
  • additionalPrismaDatasourceProperties (default: {}): Set additional datasource properties like relationMode = "prisma" (required for e.g. PlanetScale) by providing an object with key-value pairs.
  • shadowDatabaseUrl (default: undefined): Enable shadow databases for some cloud providers.

postgresql

export default config<TypeInfo>({
db: {
provider: 'postgresql',
url: 'postgres://dbuser:dbpass@localhost:5432/keystone',
onConnect: async context => { /* ... */ },
// Optional advanced configuration
enableLogging: true,
idField: { kind: 'uuid' },
shadowDatabaseUrl: 'postgres://dbuser:dbpass@localhost:5432/shadowdb'
},
/* ... */
});

mysql

export default config<TypeInfo>({
db: {
provider: 'mysql',
url: 'mysql://dbuser:dbpass@localhost:3306/keystone',
onConnect: async context => { /* ... */ },
// Optional advanced configuration
enableLogging: true,
idField: { kind: 'uuid' },
},
/* ... */
});

sqlite

export default config<TypeInfo>({
db: {
provider: 'sqlite',
url: 'file:./keystone.db',
onConnect: async context => { /* ... */ },
// Optional advanced configuration
enableLogging: true,
idField: { kind: 'uuid' },
},
/* ... */
});

Limitations

The sqlite provider is not intended to be used in production systems, and has certain limitations:

  • decimal: The decimal field type is not supported.
  • timestamp: The timestamp field type only supports times within the range 1970 - 2038.
  • text: The text field type does not support setting a filter as case sensitive or insensitive. Assuming default collation, all the filters except contains, startsWith and endsWith will be case sensitive and contains, startsWith and endsWith will be case insensitive but only for ASCII characters.
  • select: Using the type: 'enum', the value will be represented as a string in the database.

ui

import type { AdminUIConfig } from '@keystone-6/core/types';

The ui config option configures the Admin UI which is provided by Keystone. It has a TypeScript type of AdminUIConfig. This config option is for top level configuration of the Admin UI. Fine grained configuration of how lists and fields behave in the Admin UI is handled in the lists definition (see the Lists API for more details).

Options:

  • isDisabled (default: false): If isDisabled is set to true then the Admin UI will be completely disabled.
  • isAccessAllowed (default: (context) => context.session !== undefined): This function controls whether a user can view the Admin UI. It takes a KeystoneContext object as an argument.

Advanced configuration:

  • publicPages (default: []): An array of page routes that bypass the isAccessAllowed function.
  • pageMiddleware (default: undefined): An async middleware function that can optionally return a redirect
  • getAdditionalFiles (default: []): An async function returns an array of AdminFileToWrite objects indicating files to be added to the system at build time. If the mode is 'write', then the code to be written to the file should be provided as the src argument. If the mode is 'copy' then an inputPath value should be provided. The outputPath indicates where the file should be written or copied to Note: This API is designed for use by plugins, such as the @keystone-6/auth package. See the Custom Admin UI Pages guide for details on simpler ways to customise your Admin UI.
export default config<TypeInfo>({
ui: {
isDisabled: false,
isAccessAllowed: async (context) => context.session !== undefined,
// advanced configuration
publicPages: ['/welcome'],
getAdditionalFiles: [
async (config: KeystoneConfig) => [
{
mode: 'write',
src: `
/** @jsxRuntime classic */
/** @jsx jsx */
import { jsx } from '@keystone-ui/core';
export default function Welcome() {
return (<h1>Welcome to my Keystone system</h1>);
}`,
outputPath: 'pages/welcome.js',
},
{
mode: 'copy',
inputPath: '...',
outputPath: 'pages/farewell.js',
}
],
],
},
/* ... */
});

server

import type { ServerConfig } from '@keystone-6/core/types';

The dev and start commands from the Keystone command line will start an Express web-server for you. This server is configured via the server configuration option.

Options:

  • cors (default: undefined): Allows you to configure the cors middleware for your Express server. If left undefined cors will not be used.
  • port (default: 3000 ): The port your Express server will listen on.
  • options (default: undefined): The http.createServer options used by Node.
  • maxFileSize (default: 200 * 1024 * 1024): The maximum file size allowed for uploads. If left undefined, defaults to 200 MiB
  • extendExpressApp (default: undefined): Allows you to extend the express app that Keystone creates.
  • extendHttpServer (default: undefined): Allows you to extend the node http server that runs Keystone.
export default config<TypeInfo>({
server: {
cors: { origin: ['http://localhost:7777'], credentials: true },
port: 3000,
maxFileSize: 200 * 1024 * 1024,
extendExpressApp: async (app, commonContext) => { /* ... */ },
extendHttpServer: async (httpServer, commonContext) => { /* ... */ },
},
/* ... */
});

extendExpressApp

This lets you modify the express app that Keystone creates before the Apollo Server and Admin UI Middleware are added to it (but after the cors and healthcheck options are applied).

The function is passed two arguments:

  • app: The express app keystone has created
  • context: A Keystone Context

For example, you could add your own request logging middleware:

export default config<TypeInfo>({
server: {
extendExpressApp: (app) => {
app.use((req, res, next) => {
console.log('A request!');
next();
});
},
},
});

Or add a custom route handler:

export default config<TypeInfo>({
server: {
extendExpressApp: (app) => {
app.get('/_version', (req, res) => {
res.send('v6.0.0-rc.2');
});
},
},
});

You could also use it to add custom REST endpoints to your server, by creating a context for the request and using the Query API Keystone provides:

export default config<TypeInfo>({
server: {
extendExpressApp: (app, commonContext) => {
app.get('/api/users', async (req, res) => {
const context = await commonContext.withRequest(req, res);
const users = await context.query.User.findMany();
res.json(users);
});
},
},
});

The created context will be bound to the request, including the current visitor's session, meaning access control will work the same as for GraphQL API requests.

ProTip!: extendExpressApp can be async

extendHttpServer

This lets you interact with the node http.Server that Keystone uses.

The function is passed in 3 arguments:

  • server - this is the HTTP server that you can then extend
  • context: A Keystone Context

For example, this function could be used to listen for 'upgrade' requests for a WebSocket server when adding support for GraphQL subscriptions

import { WebSocketServer } from 'ws';
import { useServer as wsUseServer } from 'graphql-ws/lib/use/ws';
export default config<TypeInfo>({
server: {
extendHttpServer: (httpServer, commonContext) => {
const wss = new WebSocketServer({
server: httpServer,
path: '/api/graphql',
});
wsUseServer({ schema: commonContext.graphql.schema }, wss);
},
},
});

Note: when using keystone dev, extendHttpServer is only called once on startup - you will need to restart your process for any updates

session

import type { SessionStrategy } from '@keystone-6/core/types';

The session config option allows you to configure session management of your Keystone system. It has a TypeScript type of SessionStrategy<any>.

In general you will use SessionStrategy objects from the @keystone-6/core/session package, rather than writing this yourself.

import { statelessSessions } from '@keystone-6/core/session';
export default config<TypeInfo>({
session: statelessSessions({ /* ... */ }),
/* ... */
});

See the Session API for more details on how to configure session management in Keystone.

graphql

import type { GraphQLConfig } from '@keystone-6/core/types';

The graphql config option allows you to configure certain aspects of your GraphQL API. It has a TypeScript type of GraphQLConfig.

Options:

  • debug (default: process.env.NODE_ENV !== 'production'): If true, stacktraces from both Apollo errors and Keystone errors will be included in the errors returned from the GraphQL API. These can be filtered out with apolloConfig.formatError if you need to process them, but do not want them returned over the GraphQL API.
  • path (default: '/api/graphql'): The path of the GraphQL API endpoint.
  • playground (default: process.env.NODE_ENV !== 'production')
    • true - Add ApolloServerPluginLandingPageGraphQLPlayground to the Apollo Server plugins
    • false - Add ApolloServerPluginLandingPageDisabled to the Apollo Server plugins
    • 'apollo' - Do not add any plugins to the Apollo config, this will use Apollo Sandbox
  • apolloConfig (default: undefined): Allows you to pass extra options into the ApolloServer constructor.
  • schemaPath (default: schema.graphql): The path of the generated GraphQL API schema.
export default config<TypeInfo>({
graphql: {
debug: process.env.NODE_ENV !== 'production',
path: '/api/graphql',
apolloConfig: {
debug: true,
/* ... */
},
},
/* ... */
});

extendGraphqlSchema

The extendGraphqlSchema config option allows you to extend the GraphQL API which is generated by Keystone based on your schema definition.

extendGraphqlSchema expects a function that takes the GraphQL Schema generated by Keystone and returns a valid GraphQL Schema

import type { GraphQLSchema } from 'graphql'
import { config, graphql } from '@keystone-6/core'
export default config<TypeInfo>({
extendGraphqlSchema: (keystoneSchema: GraphQLSchema) => {
/* ... */
return newExtendedSchema
}
/* ... */
})

See the schema extension guide for more details and tooling options on how to extend your GraphQL API.

storage (images and files)

import type { StorageConfig } from '@keystone-6/core/types'

The storage config option provides configuration which is used by the file field type or the image field type. You provide an object whose property is a StorageConfig object, fields then reference this storage by the key. Each storage is configured separately using the options below.

A single storage may be used by multiple file or image fields, but only for files or images.

Options:

  • kind: Whether the storage will be on the machine "local", or in an s3 bucket "s3"
  • type: Sets whether image fields or file fields should be used with this storage
  • preserve: Defines whether the items should be deleted at the source when they are removed from Keystone's database. We recommend that you set preserve: false unless you have a strong reason to preserve files that Keystone cannot reference. The default is false.
  • transformName: A function that creates the name for the file or image. This works a bit differently for files and images, which we'll explain below

For files: transformName accepts a filename and returns a filename - the returned filename is what will be used as the name of the file at the storage location, and will be remmembered by the field to to look up at the database. For the default, we will return ${filename}-${RANDOM_ID}${extension} For images: tranformName accepts both a filename and an extension - the passed filename will include the extension. The return should be the filename you want to use as the id for the image, and the unique identifier. We will add the extension on to the id provided. By default we return a unique identifier here.

When using transformName you should ensure that these are unique

Local options:

  • generateUrl: A function that recieves a partial path with the filename and extension, and the result of which will be used as the url in the field's graphql - this should point to where the client can retrieve the item.
  • serverRoute: Sets whether or not to add a server route to Keystone. Set it to null if you don't want keystone to host the images, otherwise set it to an object with a path property
    • path: The partial path where keystone will host the images, eg /images or /files

S3 options:

  • bucketName: The name of your s3 bucket

  • region: The region your s3 instance is hosted in

  • accessKeyId: Your s3 access Key ID

  • secretAccessKey: Your Access Key secret

  • generateUrl: A funcion that recieves the original s3 url and returns a string that will be returned from graphql as the url. If you want the s3 urls to be returned as is you do not need to set this.

  • pathPrefix: The prefix for the file, used to set the subfolder of your bucket files will be stored in.

  • endpoint: The endpoint to use - if provided, this endpoint will be used instead of the default amazon s3 endpoint

  • forcePathStyle: Force the old pathstyle of using the bucket name after the host

  • signed.expiry: Use S3 URL signing to keep S3 assets private. expiry is in seconds

  • acl: Set the permissions for the uploaded asset. If not set, the permissions of the asset will depend on your S3 provider's default settings. These values are supported:

    • 'private' No public access.
    • 'public-read' Public read access.
    • 'public-read-write' Public read and write access.
    • 'aws-exec-read' Amazon EC2 gets read access.
    • 'authenticated-read' Authenticated users get access.
    • 'bucket-owner-read' Bucket owner gets read access.
    • 'bucket-owner-full-control' Bucket owner gets full control.

    See https://docs.aws.amazon.com/AmazonS3/latest/userguide/acl-overview.html#canned-acl for more details.

import { config } from '@keystone-6/core';
import dotenv from 'dotenv';
/* ... */
dotenv.config();
const {
S3_BUCKET_NAME: bucketName = 'keystone-test',
S3_REGION: region = 'ap-southeast-2',
S3_ACCESS_KEY_ID: accessKeyId = 'keystone',
S3_SECRET_ACCESS_KEY: secretAccessKey = 'keystone',
} = process.env;
export default config<TypeInfo>({
/* ... */
storage: {
my_S3_images: {
kind: 's3',
type: 'image',
bucketName,
region,
accessKeyId,
secretAccessKey,
proxied: { baseUrl: '/images-proxy' },
signed: { expiry: 5000 }
endpoint: 'http://127.0.0.1:9000/',
forcePathStyle: true,
},
my_local_images: {
kind: 'local',
type: 'image',
generateUrl: path => `http://localhost:3000/images${path}`,
serverRoute: {
path: '/images',
},
storagePath: 'public/images',
},
},
});