Extension Examples
On May 13th, 2024, Storyblok started gradually rolling out a new design for its Visual Editor. Therefore, the Visual Editor product screenshots depicted in this resource may not match what you encounter in the Storyblok App. For more information and a detailed reference, please consult this FAQ on the new Visual Editor design.
This page lists resources that will help you to get into plugin development.
Section titled Starter Projects Starter Projects
Section titled Field Plugins Field Plugins
- Picker Starter: template project for "picker-like" field plugins
Section titled Space Plugins Space Plugins
- Next.js Plugin: template project for space plugins
- Nuxt.js Plugin: template project for space plugins
Section titled Field Plugins Examples Field Plugins Examples
These are some examples of field plugin projects that were built with the latest SDK:
Section titled Field Plugin Tutorials Field Plugin Tutorials
All the tutorials below are using the legacy field plugin SDK. When creating new field plugins, we recommend using the latest SDK.
- Community Examples
- Building a Custom Storyblok Field Type Plugin With Vue.js
- Building an Opening Hours Field Type Plugin
- Building a List Field Type Plugin
- Building an Address and Coordinates Field Type Plugin
- Using Cloudinary and Storyblok to Handle Assets for a Vue.js Application
Section titled Custom Sidebar Application Tutorials Custom Sidebar Application Tutorials
The articles below are using the legacy authentication library (@storyblok/nuxt-auth
). When creating new tool plugins or custom sidebar applications, we recommend using the Next.js and Nuxt.js starter projects: