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

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

In this lesson, you'll create a "blocks builder" which powers a set of repeatable blocks with individual field schemas. You can think of it as a page builder with a predefined set of choices.

react

https://app.egghead.io/api/v1/lessons/node-js-create-repeatable-blocks-with-multiple-field-schemas-in-keystatic/transcript

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

Create Repeatable Blocks With Multiple Field Schemas in Keystatic

Social Share Links