Create a GitHub-Powered Blog With Keystatic and Next.js

In this course, you'll create a blog that runs without a database. You'll be able to edit your content from your local file system or from GitHub. You'll deploy your blog to Vercel and set up real-time previews with Next.js' draft mode!

Syllabus

Create a New Next.js Project With the Keystatic CLI
Define where Keystatic should store your content
Create a new collection in Keystatic
Add an image field to a collection schema in Keystatic
Create a single relationship reference between collection entries in Keystatic
Support multiple relationships with the Array field in Keystatic
Create Repeatable Blocks With Multiple Field Schemas in Keystatic
Retrieve Content With The Keystatic Reader API
Display Keystatic data in Next js
Prevent Global Styles from Leaking Into Keystatic
Render Block Field Data in Keystatic
Retrieve 'Has Many' Related Entries In Keystatic
Use Keystatic-Generated Types In The Front End
Add Component Blocks To The Document Field In Keystatic
Render Custom Component Blocks With The DocumentRenderer In Keystatic
Switch To a Content-Focused Layout In Keystatic
Creating One-Off Datasets with Singletons in Keystatic
Customise the Keystatic Admin UI Navigation Sidebar And Dashboard
Change The Site Title and Logo In The Keystatic Admin UI
Deploy a Keystatic Project To Vercel
Generate Static Pages From Keystatic Entries With generateStaticParams in Next.js 14
Setup GitHub Collaboration With Keystatic Cloud
Manually Connect a Keystatic Project To A GitHub Repo
Change The Keystatic Storage Mode Based on NODE_ENV