Description
In this course, you will learn:
- How to establish a blog that does not require a database. You will be able to edit your material from either your local file system or GitHub.
- Deploy your blog to Vercel and enable real-time previews using 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