This is an example of a headless CMS integration
project with the Nuxt Javascript Framework.
The app is deployed on : CMGI-ONLINE
- Create new Space in Storyblok
- Obtain the Preview Token from the Settings of the Space.
- Replace the
accessToken
value innuxt.config.js
file with your Preview Token. - Your Nuxt project can be started and will consume data from your Storyblok Space.
# install dependencies
$ npm install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production
$ npm run build
This image shows the view from the CMS 🔥. Thanks to storyblok we can develop different components and integrate them into the CMS. This gives the possibility to a non-developer to manage the content of the pages without having to write code.
For detailed explanation on how Nuxt 3 works, check out the Nuxt 3 docs.
I found this Nuxt Course complete and very interessing. so ... click here 👌
If you want to learn, how you can go headless with Nuxt ... ✨