This PR introduces Keystatic to let us edit twenty.com's content with a CMS. For now, we'll focus on creating release notes through Keystatic as it uses quite simple Markdown. Other types of content will need some refactoring to work with Keystatic. https://github.com/user-attachments/assets/e9f85bbf-daff-4b41-bc97-d1baf63758b2 --------- Co-authored-by: Félix Malfait <felix@twenty.com>
56 lines
1.5 KiB
TypeScript
56 lines
1.5 KiB
TypeScript
import { collection, config, fields } from '@keystatic/core';
|
|
import { wrapper } from '@keystatic/core/content-components';
|
|
|
|
export default config({
|
|
storage: {
|
|
kind:
|
|
process.env.KEYSTATIC_STORAGE_KIND === ''
|
|
? 'local'
|
|
: ((process.env.KEYSTATIC_STORAGE_KIND || 'local') as
|
|
| 'local'
|
|
| 'github'
|
|
| 'cloud'),
|
|
repo: {
|
|
owner: 'twentyhq',
|
|
name: 'twenty',
|
|
},
|
|
},
|
|
collections: {
|
|
developers: collection({
|
|
label: 'Technical documentation',
|
|
slugField: 'title',
|
|
path: 'src/content/developers/**',
|
|
format: { contentField: 'content' },
|
|
schema: {
|
|
title: fields.slug({ name: { label: 'Title' } }),
|
|
icon: fields.text({ label: 'Icon' }),
|
|
image: fields.text({ label: 'Image' }),
|
|
info: fields.text({ label: 'Info' }),
|
|
content: fields.mdx({
|
|
label: 'Content',
|
|
components: {
|
|
ArticleEditContent: wrapper({
|
|
label: 'ArticleEditContent',
|
|
schema: {},
|
|
}),
|
|
},
|
|
}),
|
|
},
|
|
}),
|
|
releases: collection({
|
|
label: 'Releases',
|
|
slugField: 'release',
|
|
path: 'src/content/releases/*',
|
|
format: { contentField: 'content' },
|
|
schema: {
|
|
release: fields.slug({ name: { label: 'Release' } }),
|
|
// TODO: Define the date with a normalized format
|
|
Date: fields.text({ label: 'Date' }),
|
|
content: fields.mdx({
|
|
label: 'Content',
|
|
}),
|
|
},
|
|
}),
|
|
},
|
|
});
|