headless-cms-integrator

name	headless-cms-integrator
description	Connect frontend designs with headless CMS data sources.

Headless CMS Integrator

This skill bridges the gap between design and dynamic content using CMS platforms like Contentful, Strapi, or Sanity.

Instructions

1. Set up API clients to fetch data from the CMS.
2. Map CMS data models to frontend components.
3. Implement preview modes for content editors.
4. Use Incremental Static Regeneration (ISR) for fast content updates.
5. Handle loading and error states for data fetching.

Examples

• "Fetch blog posts from Contentful and display them in my Next.js site."
• "Configure a Sanity.io schema for a product catalog."