Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

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

via egghead.io

Overview

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!

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

Reviews

Start your review of Create a GitHub-Powered Blog With Keystatic and Next.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.