Video

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

๐Ÿ•น๏ธ Levels: ๐Ÿ˜Ž Intermediate
โณ Duration: 1.5 hours
๐Ÿค‘ Price: Free
๐Ÿง‘โ€๐Ÿ’ป Learning Platform: Egghead.io
๐Ÿง‘โ€๐ŸŽ“ Certificate: No

๐Ÿ”‘ Key Learning Outcomes

  • Understanding how to create a blog without a database using Keystatic and Next.js.
  • Learning to edit content from the local file system or GitHub.
  • Deploying a blog to Vercel and setting up real-time previews with Next.js' draft mode.

๐Ÿ‘จโ€๐Ÿซ About the Course

This course teaches you how to build a blog that operates without a traditional database by utilizing Keystatic and Next.js. You will learn to manage and edit content both locally and through GitHub, deploy your blog to Vercel, and implement real-time previews using Next.js.

๐ŸŽฏ Target Audience

  • Ideal for developers with some experience in Node.js, Next.js, or React who want to explore building a database-free blog using Keystatic and Next.js.

โœ… Requirements

  • Basic knowledge of Node.js, Next.js, and React is recommended to fully benefit from this course.

๐Ÿ“– Course Content

  • Creating a new Next.js project with the Keystatic CLI.
  • Defining content storage locations in Keystatic.
  • Setting up collections, image fields, and relationships in Keystatic.
  • Retrieving and displaying Keystatic data in Next.js.
  • Deploying a Keystatic project to Vercel.
  • Connecting Keystatic to a GitHub repo for collaboration.

Drop a comment

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

Log in to leave a feedback

Login