sanity-cms

Configure Sanity CMS document types and GROQ queries for Next.js sites.

1|Updated Nov 10, 2025
One-click install
npx skills add https://github.com/dejanvasic85/williamstownsc --skill sanity-cms
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sanity-cms
Source: https://github.com/dejanvasic85/williamstownsc/tree/main/.claude/skills/sanity-cms
Command: npx skills add https://github.com/dejanvasic85/williamstownsc --skill sanity-cms

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Sanity CMS provides a headless, flexible content model and APIs that empower Williamstown SC to manage diverse content types (blog posts, events, players, fixtures, pages, sponsors) with type-safe queries in Next.js projects. It consolidates content workflows, improves editorial control, and enables scalable delivery of news, rosters, schedules, and club information.

Core Features & Use Cases

  • Flexible content schemas for sports club data (blogPost, event, fixture, player, sponsor, page, teamMember) and reusable SEO blocks.
  • Type-safe integration with Next.js + TypeScript, including GROQ queries, image optimization, portable text, and draft previews.
  • Scoped patterns for content modeling, schema organization, and predictable data pipelines across the site.

Quick Start

Install Sanity in the project, define the core schemas, generate TypeScript types, and start editing content with the Sanity Studio.

Frequently Asked Questions about sanity-cms

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I model sports club content types in Sanity CMS for a Next.js site?

Model sports club content in Sanity CMS by defining structured schemas for core document types like blog posts, events, fixtures, players, and sponsors to enable type-safe GROQ queries and predictable data pipelines across Next.js projects.

How do I generate TypeScript types from Sanity GROQ queries in a Next.js project?

Generate TypeScript types from Sanity GROQ queries by configuring the Sanity integration to output type definitions, ensuring type-safe data fetching and structured content delivery across Next.js application components.

Can I use Sanity image optimization and portable text with Next.js?

Sanity image optimization and portable text work with Next.js by utilizing an image URL builder for responsive assets and portable text components for rich text rendering, supporting optimized content delivery workflows.

Does this Sanity CMS setup support draft previews and revalidation in Next.js?

This Sanity CMS setup supports draft previews and revalidation workflows in Next.js, allowing editors to preview unpublished content changes and ensuring updated content is served without manual cache clearing.

What is the best way to structure reusable SEO blocks in Sanity CMS?

The best way to structure reusable SEO blocks in Sanity CMS is by creating shared schema definitions that can be embedded across core document types like pages and blog posts, ensuring consistent metadata delivery.

Do I need TypeScript to use Sanity CMS for content modeling?

TypeScript is not strictly required to use Sanity CMS for content modeling, but integrating it enables generated types, type-safe GROQ queries, and robust Next.js optimization workflows for scalable content delivery.