Integratie Storyblok in Nuxt.js SSG

Voor de rewrite van onze eigen website migreerden we van Gatsby naar Nuxt.js SSG in combinatie met Storyblok.

Waarom Storyblok?

We wouden een headless CMS integreren in onze website. Eentje waarbij we als developers volledige controle kregen over wat er in de frontend getoond zou worden, maar waarbij content editors genoeg vrijheid zouden krijgen om hun ding te doen met de content.

Als snel kwamen we uit bij Storyblok, net omdat het aan al die wensen voldeed. De documentatie voor de developers is duidelijk, en je kan het in de frontend aanspreken met zowel een REST als een GraphQL API. Daarnaast is er een getailleerde guide voor onze tech stack met Nuxt.js.

Headless overview

  
    
const x = "Test";
const y = [x, "Test 2"];

Object.assign()

  

Mauris lobortis semper ante, vitae imperdiet diam suscipit ac. Quisque posuere eleifend quam vel posuere. Proin ultrices, ligula eget vulputate pulvinar, ex dui porttitor ex, eu tristique lacus risus pulvinar felis. Fusce tristique mollis dui tincidunt vehicula. Etiam ante sem, vehicula in vehicula in, convallis et sapien. Integer tempor nulla lectus, sed porttitor nulla rhoncus eu. Suspendisse potenti. Donec convallis diam ex, sed efficitur erat semper eget. Etiam bibendum rhoncus porttitor. Mauris vitae purus dui. Aenean hendrerit ullamcorper purus. Proin imperdiet maximus porttitor. Morbi ac commodo lectus. Nullam dolor eros, lobortis porttitor tincidunt ut, aliquam vitae leo.

  1. Mauris

  2. Morbi

  3. Lobortis

Morbi a tempus mi.

Proin ac purus a eros sagittis sollicitudin. Nunc sed eros eu leo dapibus imperdiet. Cras ultrices sapien at porttitor malesuada. Donec commodo orci ac odio commodo imperdiet. Curabitur nunc arcu, pretium nec massa a, scelerisque venenatis ipsum. Nullam ac nulla vitae nibh lobortis auctor cursus et arcu. Mauris eget mauris odio. Quisque a rutrum massa.

Donec eget molestie eros.

Mauris odio dolor, convallis ut dapibus et, interdum sed tortor. Integer tempor ipsum eu mauris ultricies lacinia. Integer ut volutpat felis. Suspendisse convallis efficitur faucibus. Mauris consectetur, sem a posuere tincidunt, eros lacus posuere ipsum, a molestie leo metus eget lectus.

Etiam pretium

lacus hendrerit posuere posuere, neque ex semper sapien, fermentum tincidunt elit leo non risus. Praesent ac ornare magna. Suspendisse ac dui sollicitudin, sollicitudin ante et, hendrerit sem. Nulla facilisi.