Build Time

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