Proyecto demostración de las buenas prácticas del Jamstack usando Nuxt como generador de sitios estáticos, Storyblok como Headless CMS, Netlify como Hosting y Atomic Design como metodología de trabajo.
Demo: Los 4 elementos del Jamstack
Para entender como funcionan Storyblok y Nuxt juntos os recomiendo echar un vistazo al artículo Add a headless CMS to Nuxt in 5 minutes.
- Crea un nuevo espacio en Storyblok.
- Ve a Settings > API-Keys y copia el Preview Token en la variable STORYBLOK_TOKEN del archivo .env.example.
- Renombra el archivo .env.example a .env.
Para saber como montar un sitio multi idioma con Storyblok y Nuxt.js, tienes este artículo The Complete Guide to Build a Full Blown Multilanguage Website with Nuxt.js.
Guía para desarrollar Los 4 elementos del Jamstack desde cero
# install dependencies
$ yarn install
# serve with hot reload at localhost:3000
$ yarn dev
# build for production and launch server
$ yarn build
$ yarn start
# generate static project
$ yarn generateEn el apartado Nuxt Technology Hub de Storyblok podrás encontrar más tutoriales y vídeos de cómo usar Storyblok con Vue y Nuxt.
Si necesitas resolver dudas sobre Nuxt en concreto, echa un vistazo a la documentación de Nuxt.