Skip to content

Latest commit

 

History

History

virtual-field

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
README.md
README.md
 
 
keystone.ts
keystone.ts
 
 
package.json
package.json
 
 
sandbox.config.json
sandbox.config.json
 
 
schema.graphql
schema.graphql
 
 
schema.prisma
schema.prisma
 
 
schema.ts
schema.ts
 
 

README.md

Feature Example - virtual field

This project demonstrates how to add virtual fields to a Keystone list. It builds on the Blog starter project.

Instructions

To run this project, clone the Keystone repository locally, run pnpm install at the root of the repository then navigate to this directory and run:

pnpm dev

This will start the Admin UI at localhost:3000. You can use the Admin UI to create items in your database.

You can also access a GraphQL Playground at localhost:3000/api/graphql, which allows you to directly run GraphQL queries and mutations.

Features

This project demonstrates how to use virtual fields. It uses the graphql export from @keystone-6/core to define the GraphQL schema used by the virtual fields.

Try it out in CodeSandbox 🧪

You can play with this example online in a web browser using the free codesandbox.io service. To launch this example, open the URL https://githubbox.com/keystonejs/keystone/tree/main/examples/virtual-field. You can also fork this sandbox to make your own changes.