SkillsAdd

webrenew/skills · Archived

cms-integration

Choose and connect a headless CMS to a Next.js app. Use this skill for CMS selection, content models, draft mode, live preview, webhooks, revalidation, type generation, caching, and migration.

First seen Jul 30, 2026

Installation

$ npx skills add webrenew/skills --skill cms-integration
View on skills.sh ↗ GitHub repository ↗

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

website-speed-optimization Same source
webrenew/skills

Find and fix website performance problems in Next.js apps. Use this skill for Core Web Vitals, …

1 installs
vercel-marketing-analytics Same source
webrenew/skills

Design and implement a complete Vercel Analytics custom event tracking strategy for marketing s…

1 installs
accessibility-audit Same source
webrenew/skills

Audit and improve WCAG 2.2 AA accessibility in Next.js apps. Use this skill for semantic HTML, …

1 installs
asd-ste100-writing Same source
webrenew/skills

Write and audit clear user-facing copy with ASD-STE100 Simplified Technical English. Lead with …

1 installs

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

flutter-add-integration-test Similar name
flutter/agent-plugins

Configures Flutter Driver for app interaction and converts MCP actions into permanent integrati…

30.5K installs
mcp integration Similar name
anthropics/claude-code

This skill should be used when the user asks to "add MCP server", "integrate MCP", "configure M…

14.3K installs
mcp-integration Similar name
anthropics/claude-plugins-official

This skill should be used when the user asks to "add MCP server", "integrate MCP", "configure M…

5.9K installs
apify-sdk-integration Similar name
apify/agent-skills

Integrate Apify into an existing JavaScript/TypeScript or Python application using the apify-cl…

3.2K installs
mapbox-web-integration-patterns Similar name
mapbox/mapbox-agent-skills

Official integration patterns for Mapbox GL JS across popular web frameworks (React, Vue, Svelt…

2.1K installs
creating-oracle-to-postgres-migration-integration-tests Similar name
github/awesome-copilot

Creates integration test cases targeting Oracle for .NET data access artifacts.

1.8K installs

Also in this package

Other skills from webrenew/skills.

npx skills add webrenew/skills
website-speed-optimization 1 vercel-marketing-analytics 1 accessibility-audit 1 asd-ste100-writing 1 security-hardening 1 dependabot-batch 1 seo-technical 1

Browse all from webrenew/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 1
Default branch main
Open issues 0
Status Archived

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,626 B
  • docs SUMMARY.md 215 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 2 installs

SKILL.md

CMS Integration

Headless CMS integration patterns for Next.js applications

Metadata

  • Name: cms-integration
  • Version: 1.0.0
  • Author: webrenew
  • Tags: nextjs, cms, sanity, contentful, payload, strapi, headless, isr, draft-mode, webhook

When to Use

This skill should be used when:

  • Choosing a headless CMS for a Next.js project
  • Integrating Sanity, Contentful, Payload, Strapi, or other CMS platforms
  • Setting up ISR with CMS webhooks for on-demand revalidation
  • Implementing draft mode / live preview for content editors
  • Modeling content types, relationships, and rich text rendering
  • Generating TypeScript types from CMS schemas
  • Migrating from WordPress or legacy CMS to headless architecture
  • Optimizing CMS data fetching and caching strategies

Summary

Comprehensive headless CMS integration guide for Next.js covering CMS selection (Sanity, Contentful, Payload, Strapi, Storyblok, Hygraph, DatoCMS, Keystatic, Tina), architecture patterns, deep-dive integration guides for Sanity (GROQ, Visual Editing, Portable Text), Contentful (GraphQL, live preview), and Payload (Next.js native), draft mode implementation, ISR with webhook-triggered revalidation, TypeScript type generation from CMS schemas, content modeling best practices, performance and caching strategies, WordPress migration playbooks, and common integration mistakes.