egghead.io
Download
Turn autoplay on
Autoplay
Course
Create a GitHub-Powered Blog With Keystatic and Next.js
1
Create a New Next.js Project With the Keystatic CLI
1m 23s
2
Define where Keystatic should store your content
2m 37s
3
Create a new collection in Keystatic
3m 46s
4
Add an image field to a collection schema in Keystatic
3m 27s
5
Create a single relationship reference between collection entries in Keystatic
1m 37s
6
Support multiple relationships with the Array field in Keystatic
3m 17s
7
Create Repeatable Blocks With Multiple Field Schemas in Keystatic
4m 55s
8
Retrieve Content With The Keystatic Reader API
3m 28s
9
Display Keystatic data in Next js
2m 15s
10
Prevent Global Styles from Leaking Into Keystatic
5m 11s
11
Render Block Field Data in Keystatic
5m 24s
12
Retrieve 'Has Many' Related Entries In Keystatic
3m 27s
13
Use Keystatic-Generated Types In The Front End
9m 12s
14
Add Component Blocks To The Document Field In Keystatic
4m 19s
15
Render Custom Component Blocks With The DocumentRenderer In Keystatic
1m 42s
16
Switch To a Content-Focused Layout In Keystatic
1m 5s
17
Creating One-Off Datasets with Singletons in Keystatic
3m 52s
18
Customise the Keystatic Admin UI Navigation Sidebar And Dashboard
2m 21s
19
Change The Site Title and Logo In The Keystatic Admin UI
1m 34s
20
Deploy a Keystatic Project To Vercel
3m 31s
21
Generate Static Pages From Keystatic Entries With generateStaticParams in Next.js 14
2m 20s
22
Setup GitHub Collaboration With Keystatic Cloud
6m 58s
23
Manually Connect a Keystatic Project To A GitHub Repo
6m 54s
24
Change The Keystatic Storage Mode Based on NODE_ENV
3m 53s
Render Custom Component Blocks With The DocumentRenderer In Keystatic
Instructor
Simon Vrachliotis
React
Next.js
Node.js
Share this video with your friends
Send Tweet
Copy link
to clipboard
In this video, you'll render the custom YouTube video block with Keystatic's DocumentRenderer.
Transcript
Comments