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
Смотрите видео Storyblok & Next.js Complete Travel Website Tutorial | Visual Editor, TailwindCSS, Vercel онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Austin Shelby 05 Июнь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,222 раз и оно понравилось 101 людям.