Nuxtified Storyblok

@

@Storyblok

Samuel

Snopko

2 Fast 2 Vuerious

@

Samuel Snopko

Head of Developer Relations @Storyblok

Tweeting @samuelsnopko

Twitter?

@SamuelSnopko

@Storyblok

v1 of talk

@SamuelSnopko

@Storyblok

https://youtu.be/e51NNnQ_Kng

Stand up!

@SamuelSnopko

@Storyblok

let's do quick exercise

Join at

slido.com

@SamuelSnopko

@Storyblok

#2f2v

Nuxt 3 + Storyblok

@SamuelSnopko

@Storyblok

github.com/storyblok/storyblok-demo-default

Demo time

Nuxt 3 + Storyblok

@SamuelSnopko

@Storyblok

npmjs.com/package/@storyblok/nuxt

Add @storyblok/nuxt

Nuxt 3 + Storyblok

@SamuelSnopko

@Storyblok

draft vs public content

Insert access token

Nuxt 3 + Storyblok

@SamuelSnopko

@Storyblok

Get structured JSON

Dynamic page

Nuxt 3 + Storyblok

@SamuelSnopko

@Storyblok

The real time editing force

v-editable

Nuxt 3 + Storyblok

@SamuelSnopko

@Storyblok

storyblok.com/docs/guide/essentials/content-structures

Components - Atomic Design

Nuxt 3 + Storyblok

@SamuelSnopko

@Storyblok

storyblok.com/docs/guide/essentials/content-structures

Create new component

Nuxt 3 + Storyblok

@SamuelSnopko

@Storyblok

storyblok.com/docs/image-service

Storyblok image service

Nuxt 3 + Storyblok

@SamuelSnopko

@Storyblok

storyblok.com/docs/guide/in-depth/internationalization

i18n in minute

Nuxt 3 + Storyblok

@SamuelSnopko

@Storyblok

...

There is more

But...

@SamuelSnopko

@Storyblok

github.com/m4rvr/storyblok-rich-text-renderer

Rich Text Render

But...

@SamuelSnopko

@Storyblok

npmjs.com/package/@storyblok/nuxt-2

Nuxt 2

Building apps

@SamuelSnopko

@Storyblok

npmjs.com/package/@storyblok/vue

Vue 3

Building apps

@SamuelSnopko

@Storyblok

npmjs.com/package/@storyblok/vue-2

Vue 2

In love with

@SamuelSnopko

@Storyblok

image.nuxtjs.org/providers/storyblok

Nuxt ImageĀ 

Nuxt 3 with image service

@SamuelSnopko

@Storyblok

youtu.be/_UBff2eqGY0 from LearnVue

Nuxt Image Edge

headless eCommerce

@SamuelSnopko

@Storyblok

docs.vuestorefront.io/storyblok/

Vue Storefront

ready for enterprise

@SamuelSnopko

@Storyblok

machalliance.org

MACH Alliance

Nuxt 3 + Storyblok

@SamuelSnopko

@Storyblok

a bit more marketinish

Sorry

Where to start learning

@SamuelSnopko

@Storyblok

storyblok.com/docs

storyblok.com/getting-started

storyblok.com/tc/nuxtjs

storyblok.com/tp/storyblok-nuxt-ultimate-tutorial

VueSchool

@SamuelSnopko

@Storyblok

vueschool.io/courses/
jamstack-the-complete-guide

from Daniel Kelly

Storyblok.com

Q&A

@SamuelSnopko

@Storyblok

Storyblok.com

Thank you team

2 Fast 2 Vuerious - Nuxtified Storyblok

By Samuel Snopko

2 Fast 2 Vuerious - Nuxtified Storyblok

What is Storyblok? What is headless CMS? What are the must-have features of CMS in 2020?

  • 335