Use the create-nuxt-app CLI to quickly generate a new project with preferred settings like Tailwind CSS and Axios.
Create a new space in the Storyblok dashboard and explore the default content structure, including stories and components.
Install and configure the storyblok-nuxt module in nuxt.config.js using an API access token to link the frontend application.
Set the preview URL in Storyblok to your local development server to enable a live, editable preview of your Nuxt.js site.
Create a Vue component for each Storyblok component and use Vue's dynamic component to render them based on the API response.
Use the asyncData hook in a Nuxt page to fetch story data from the Storyblok API before the component is rendered.
Implement the Storyblok Bridge in the mounted hook to listen for content changes and update the UI in real-time within the visual editor.
Define a new 'article' content type with custom fields like image, title, intro, and author to structure your blog content.
Use relationship fields to link different content entries and fetch the nested data efficiently with the resolve_relations API parameter.
Address common questions regarding the use of GraphQL vs REST, SEO strategies for dynamic content, and integrating third-party data sources.
Hubert Burda Media
München, Germany
Sensory-Minds GmbH
Offenbach am Main, Germany
41:22Daniel Roe
26:32Alexander Lichter
43:41Daniel Roe
41:43Alexander Lichter
50:10M4dz
44:40Alexander Lichter
32:56Laurie Voss
42:04Tamas Piros
Jobs that call for the skills explored in this talk.
Turboneer LLC
Mount Morris, United States of America
Thomyris By Xefi
Canton de Chambéry-2, France
konfetti GmbH
Berlin, Germany
Shortlister Solutions
York, United Kingdom
Ai Flom
Rijswijk, Netherlands
Journi
Charing Cross, United Kingdom
Fenêtre Online Solutions
The Hague, Netherlands