Storyblok Raises $80M Series C - Read News

Skip to main content

The Storyblok Nuxt Ultimate Tutorial

Try Storyblok

Storyblok is the first headless CMS that works for developers & marketers alike.

INFO:

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.

The Storyblok Nuxt Ultimate Tutorial

Section titled Welcome to the Ultimate Tutorial Series for Nuxt 3!

In this tutorial series, you will learn how to build a full-blown, multilingual website using Storyblok and Nuxt 3. Taking it one small step at a time, we will start with the fundamental integration of Storyblok in Nuxt and then gradually add more and more functionalities, such as dynamic page rendering, dynamic menus, custom components, and much more. After having followed this tutorial, you will not only be very well-versed in Storyblok, but you will also have created a complete website built on Nuxt, from scratch.

This tutorial series aims to provide you with bite-sized, easy-to-follow content, live demos, and in-depth coverage of everything you need to become a master of modern web development using Storyblok and Nuxt.

Are you ready to get started?

  1. Add a headless CMS to Nuxt 3 in 5 minutes
  2. Render Storyblok Stories Dynamically in Nuxt
  3. Create Dynamic Menus in Storyblok and Nuxt
  4. Create Custom Components in Storyblok and Nuxt
  5. Create and Render Blog Articles in Storyblok and Nuxt
  6. Manage Multilingual Content in Storyblok and Nuxt
  7. Create a Preview Environment for Your Nuxt Website

Authors

Manuel Schröder

Manuel Schröder

A former International Relations graduate, Manuel ultimately pursued a career in web development, working as a frontend engineer. His favorite technologies, other than Storyblok, include Vue, Astro, and Tailwind. These days, Manuel coordinates and oversees Storyblok's technical documentation, combining his technical experience with his writing and communication skills.

Alba Silvente

Alba Silvente

Alba, aka Dawntraoz, is a DevRel Engineer at Storyblok. She writes about frontend development on her personal blog, dawntraoz.com, and she is working hard on open-source projects to create more value for the web community.