nuxt-sanitylisted
Install: claude install-skill display-design-studio/skills
# Nuxt + Sanity Integration Best Practices
Best-practices guide for the `@nuxtjs/sanity` module (Nuxt 3). Covers module
setup, composables, SSR data fetching, image handling, Portable Text, visual
editing, TypeScript, and Nitro server routes.
> Also load the `nuxt` skill for Nuxt core patterns and `sanity-best-practices`
> for GROQ query optimization and schema design. This skill covers the
> integration layer only.
## ROUTING: Which rule file to load
**IF setting up the module or configuring nuxt.config.ts:**
→ Read `rules/core-module-setup.md`
**IF using useSanityQuery, useLazySanityQuery, or useSanity composables:**
→ Read `rules/core-composables.md`
**IF writing Nitro server routes that query Sanity:**
→ Read `rules/core-server-routes.md`
**IF working with the SanityImage component or useSanityImage():**
→ Read `rules/features-sanity-image.md`
**IF rendering Portable Text with SanityContent:**
→ Read `rules/features-sanity-content.md`
**IF implementing visual editing, live preview, stega, or the Presentation tool:**
→ Read `rules/features-visual-editing.md`
**IF following the Display Starter architecture or adding a new document type:**
→ Read `rules/arch-starter-pattern.md` then `rules/arch-extension-pattern.md`
**IF configuring CDN caching, cache tags, or webhook cache invalidation:**
→ Read `rules/perf-cdn-caching.md`
**IF experiencing stale CDN content after a Sanity publish (not query-level cache):**
→ Read `rules/perf-cdn-caching.md`
**IF experiencing s