Keystatic Crash Course — Create A GitHub-Powered Blog with Next.js
In this crash course on Keystatic, you'll build a simple blog with Next.js. You'll learn about the Keystatic config, schema, collections, singletons, as well as various fields.
You'll deploy the project on Vercel, and connect Keystatic to a GitHub account with the Cloud and GitHub modes.
Let's dive in!
Chapters
0:00 - Keystatic CLI
1:24 Content path
4:02 New collection
7:49 Image field
11:17 Belongs-to-one relationship
12:54 Belongs-to-many relationship
16:13 Repeatable blocks field
21:09 Reader API
24:38 Display Content
26:55 Next.js’ Route Groups
32:07 Displaying Keystatic Block Fields
37:31 Retrieving ‘Has Many’ Relationships
40:59 Keystatic-generated Types
50:12 Component blocks on document field
54:33 Rendering Component Blocks
56:16 Entry layout
57:22 Singletons
1:01:15 Customising the Sidebar
1:03:37 Changing logo + site name
1:05:12 Deploy to Vercel
1:08:44 Generate Pages with generateStaticParams
1:11:05 Keystatic Cloud
1:18:04 Manually Connect to GitHub
1:24:59 Keystatic mode toggle
Смотрите видео Keystatic Crash Course — Create A GitHub-Powered Blog with Next.js онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь simonswiss 14 Декабрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,65 раз и оно понравилось 8 людям.