Rich Mosko

Back to posts
Rich Mosko
Rich Mosko

Testing Keystatic Editing

1 min read
Musings Cool Shit hi-my-name-is-rich
Testing Keystatic Editing

Giving it a go…

So far so good. I’ve integrated Keystatic CMS to the site (well Claude did anyway), so that I have the ability to add posts directly from a portal on the web site. It seems to be working well… and the interface seems pretty clean. I just pull up the portal, add a new blog entry, and voíla! All the frontmatter fields are there to the right to edit and a (sort of) WYSIWYG editor sits in the main part of the browser frame. It’s pretty easy. You can even upload a new image file while you are at it, and it will use a GitHub App to add and commit that file to the repository.

The mdx file format goodies are a little bit more tricky. The react components that Claude added all need to be registered with Keystatic in order to pass formatting checks… but once that is done it is pretty easy to just add a component from a convenient drop-down add box in the editing top row. So to add an image gallery for example, I just click the [+]v drop down and select it and it gets inserted below:

… and then you just keep editing below the placeholder for the image gallery. The basics are primitive, but you can get the jist of it below:

Comments