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!
Overview
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
Taught by
Simon Vrachliotis