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!

• 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