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