Headless CMS GraphQL Connector
Connects headless CMS backends (WordPress WPGraphQL, Strapi, Contentful) to frontend frameworks using Apollo Client and urql. Handles content previews, ISR cache invalidation, and webhook-driven rebuilds.
npx skills add agentskillexchange/skills --skill headless-cms-graphql-connector
This skill bridges headless CMS platforms with modern frontend frameworks using GraphQL as the unified query layer. It supports WordPress via WPGraphQL, Strapi v4 GraphQL plugin, and Contentful GraphQL Content API, providing normalized data fetching regardless of the backend CMS.
What this skill actually does
Client-side integration uses Apollo Client or urql with automatic cache management, optimistic UI updates, and subscription support for real-time content changes. Query generation handles nested content relationships, image transformations via CMS-specific APIs (WordPress srcset, Contentful Images API, Strapi media), and locale-aware content fetching for multilingual sites.
Build integration supports Incremental Static Regeneration (ISR) with Next.js and on-demand revalidation triggered by CMS webhooks. Content preview mode enables editors to see draft changes in the frontend before publishing. The skill handles authentication for protected content, rate limiting for API quotas, and graceful fallbacks when the CMS is unreachable.