# Sanity

> Sanity structured content platform. Use for content management.

- Skill: `g1joshi/sanity` (Agent Skill)
- Install (CLI): `npx skillmds@latest add g1joshi/sanity`
- Raw SKILL.md: https://api.skillmd.com/api/skills/g1joshi/sanity/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: G1Joshi (https://skillmd.com/u/g1joshi)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/g1joshi/sanity

---


# Sanity

Sanity is "Content as Data". The **Studio v3** is a real-time React application that you host, giving you complete control over the editing experience.

## When to Use

- **Structured Content**: You need complex relationships references.
- **Real-time Collaboration**: Like Google Docs for your content.
- **Custom Workflows**: You need custom approval buttons in the CMS.

## Core Concepts

### GROQ

Graph-Relational Object Queries. Powerful alternative to GraphQL. `*[_type == "movie" && rating > 8]`.

### The Studio

A React Single Page App (embedded in your Next.js app) for editing.

### Portable Text

JSON format for rich text (not HTML/Markdown), enabling custom rendering on any platform.

## Best Practices (2025)

**Do**:

- **Use Visual Editing**: Embed the studio in your app for clickable previews (Overlays).
- **Use GROQ**: It is much more concise than GraphQL for Sanity data.
- **Use TypeScript**: Define schema types with `defineType`.

**Don't**:

- **Don't hardcode IDs**: Use references.

## References

- [Sanity Documentation](https://www.sanity.io/)