In this episode, Stefan Kudla from Cosmic shows us how to trigger static website rebuilds using Cosmic headless CMS webhooks.

Check out the Simple Astro Blog demo

In this episode, Karl Koch from Cosmic joins us to talk about his backstory, design philosophy, and gives a tour of some of the design elements of the new Cosmic headless CMS dashboard.

Check out Karl's work on his website

In this episode, Tom Dale from imgix joins us to show us how he built a code demo website using imgix and Cosmic headless CMS.

Check out the imgix demo website

In this episode, we give you an intro to Astro using a blog powered by the Cosmic headless CMS.

In this episode, we discuss how to add user-generated content to the Cosmic headless CMS.

Follow the documentation example of how to add an Object to your Cosmic Bucket

Follow the documentation example of how to upload media to your Cosmic Bucket

Subscribe to Build Time on Spotify

Subscribe to Build Time on Apple Podcasts

Install the Cosmic NPM module

Create a free Cosmic account

Cosmic Docs

Cosmic as your React CMS

Learn about what is headless CMS

In this episode, we discuss how to build React components from headless CMS markdown.

Building React components from headless CMS markdown

Subscribe to Build Time on Spotify

Subscribe to Build Time on Apple Podcasts

Install the Cosmic NPM module

Create a free Cosmic account

Cosmic Docs

Cosmic as your React CMS

Learn about what is headless CMS

In this episode, we discuss how to fetch data from a headless CMS using React 18 Suspense.

Using React 18 Suspense to fetch data from a headless CMS

Subscribe to Build Time on Spotify

Subscribe to Build Time on Apple Podcasts

Install the Cosmic NPM module

Create a free Cosmic account

Cosmic Docs

Cosmic as your React CMS

Learn about what is headless CMS

In this episode, we discuss how to use Next.js Preview Mode with a headless CMS to preview draft content for ourselves and collaborators.

How to use Next.js Preview Mode with the Cosmic headless CMS

Subscribe to Build Time on Spotify

Subscribe to Build Time on Apple Podcasts

Install the Cosmic NPM module

Create a free Cosmic account

Cosmic Docs

Cosmic as your React CMS

Cosmic as your Next.js CMS

In this episode, we discuss how to build a search and filter feature for products using React. The product data will be queried from a headless CMS (Cosmic) with the UI updated instantly. Bonus: we will talk about how state management is handled using Hooks and API usage optimization with the debounce technique.

Show links:

Search and filter products using React Hooks and a headless CMS

Subscribe to Build Time on Spotify

Subscribe to Build Time on Apple Podcasts

Install the Cosmic NPM module

Create a free Cosmic account

Cosmic Docs

Basic Query Examples

Advanced Query Examples

Cosmic Queries

Use Cosmic as your React CMS

In this episode we will explain how using Next.js Image with a headless CMS can automate optimizations for your website images across all devices and network speeds leading to faster website performance and a better experience for your website visitors.

Show links