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
Watch video Keystatic Crash Course — Create A GitHub-Powered Blog with Next.js online without registration, duration hours minute second in high quality. This video was added by user simonswiss 14 December 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,658 once and liked it 86 people.