Storyblok & Next.js Complete Travel Website Tutorial | Visual Editor, TailwindCSS, Vercel
GitHub Repository: https://github.com/AustinShelby/story...
Sign up to Storyblok for free: https://get.storyblok.com/austin-shelby
In this tutorial, you will learn how to integrate Storyblok headless content management system with Next.js 14 to build a travel website.
00:00:00 Tutorial introduction
00:01:12 Content modelling in Storyblok
00:03:06 Creating Tour page
00:11:21 Creating Next.js application
00:16:14 Installing Storyblok React SDK
00:17:58 Fetching data from Storyblok
00:20:20 Rendering Storyblok blocks
00:24:10 Creating Home page
00:30:54 Adding content
00:36:06 Rendering nestable blocks
00:41:02 Rendering related blocks
00:43:02 Creating Tour list page
00:46:16 Fetching multiple stories
00:47:53 Fixing Next.js caching
00:50:53 Styling with TailwindCSS
00:03:26 Rendering rich text content
00:05:08 Deploying to Vercel
01:11:34 Vercel deploy hook
01:14:18 Enabling Storyblok visual editor
01:16:48 Next.js draft mode
01:23:12 Making blocks editable
01:30:17 Optimizing images
01:33:02 Storyblok image service
01:36:54 Custom Storyblok image loader
01:43:10 Optimizing rich text images
Watch video Storyblok & Next.js Complete Travel Website Tutorial | Visual Editor, TailwindCSS, Vercel online without registration, duration hours minute second in high quality. This video was added by user Austin Shelby 05 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,222 once and liked it 101 people.