This serves as a code repo for the examples show during the "AI-Powered Content Management: Transforming Your Headless CMS With Storyblok" talk at FITC 2024.
There are two examples here that operate as serverless functions that are called via Storyblok Webhooks.
Each webhook is set up to only trigger on specific actions in Storyblok, for instance on Image Upload or on Story Publish.
Each serverless function is set up in my base repo under netlify/functions, which is configured in Netlify.
You can read more about Storyblok Tool Extensions here.
The styleguide-enforcer is set up as it's own repo originally. For ease of use I included it here. Check out the README for how to set that up within Storyblok.
Note that in the Tool Extensions I use useEffect to dynamically call OpenAI directly. This is generally bad practice as it exposes your OpenAI API key for those that know where to look for it. Since this is an internal tool that only ever loads in an iFrame for my own CMS editors, I cut a couple corners here. If you are going to build this for real, or use it outside of your CMS, I would recommend moving it to a Serverless function just like I do with altText.mts and seoTags.mts
Please feel free to create an issue or reach out to me on Twitter, @erskinerob!