Скачать или смотреть Storyblok + Nuxt - Part III

In the third part of this video series about Storyblok + Nuxt we are going to:
Create a single page for each recipe using dynamic routes on Nuxt
Fetch each recipe story from Storyblok
Enhance the Recipe content with Rich Text Elements
Add icons to our UI with unoCSS preset icons and Iconify
Render the Rick Text Elements as HTML

If you have any questions please share them in the comments, and don't forget to subscribe for more content like this.

Nuxt v3 documentation https://v3.nuxtjs.org/
Storyblok https://t.co/aaEZxcPC4W and Nuxt module here https://github.com/storyblok/storyblo...
Storyblok Rich Text renderer https://github.com/m4rvr/storyblok-ri...
Repo: https://github.com/alvarosabu/sushi-wuut

Ramen's model used on the thumbnail is done by Eltoro https://sketchfab.com/crowncity105 with Attribution 4.0 International (CC BY 4.0) https://creativecommons.org/licenses/...

Come say hi on Twitter   / alvarosabu  

----

Our Sponsors

Meet Storyblok (not Storybook which is a different thing) The world's first headless CMS that works for both developers & business users.

I must warn you when you start using it, you will never go back to any other CMS solution

Give it a try at https://t.co/aaEZxcPC4W 😜

00:00 - Intro
00:20 - Storyblok V2 Launch Event
02:18 - Recap
02:46 - What are we going to do today
03:42 - Updating the recipe schema
05:52 - Update recipes content
09:19 - Creating the dynamic route for recipes in Nuxt
11:09 - Route params slug
12:11 - Fetching the story by slug
16:24 - Image and card UI
20:40 - Adding icons with Iconify
25:44 - Rich-text renderer
30:53 - Minor styles fixes and unocss presetTypography
36:24 - Navigation with slugs and nuxt-link
39:19 - steps
46:06 - Outro