Fast & Furious - Going headless with Nuxt.js!

on YouTube ↗31m

" summary

Shows exactly how to wire Nuxt.js to Storyblok: install axios and storyblok-nuxt module, stash an access token, set preview URL, and call the API from asyncData to fetch the home story. Demonstrates the storyblok bridge for live draft editing, using dynamic components and Nuxt auto-imports, resolving linked entries with resolve_relations, resizing images via Storyblok URLs, and triggering Netlify deploys from webhooks — all with code snippets and a working demo site.

AI-written summary · about

" chapters (9)

1. 0:00Headless with Nuxt.js
2. 3:14Setting up project
3. 7:29Storyblok to Nuxt.js
4. 11:41Storyblok components
5. 15:36Fetching content in Nuxt
6. 18:06Real-time editing
7. 20:34Article component
8. 24:49Featured articles section
9. 28:43Resources & final thoughts

" related talks

• 25mBrief introduction to NuxtKrutie Patel · React Finland 2021
• 23mThe DX Magic in the VueniverseAlex Jover · JSWorld Conference 2022
• 23mFull Stack with NuxtSébastien Chopin · Vuejs Amsterdam 2024
• 27mGoing Static in a Dynamic World with Hasura and Nuxt.jsDebbie O'Brien · GOTOpia Europe 2020
• 23mFell Static with NuxtDebbie O'Brien · Vue.js Amsterdam 2020
• 26mBe Lazy, Be Smart, Be Nuxt.Sébastien Chopin · ReactiveConf 2019
• 55mNuxt.js: isomorphic Vue.js Apps made easy, fast and funDavid Guijarro · iJS London 2019
• 01h 02mA sneak peek into the future headless eCommerceSamuel Snopko · vueday 2021