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?
- 378