← ClaudeAtlas

nuxt-sanitylisted

@nuxtjs/sanity module integration best practices for Nuxt 3 apps connected to Sanity CMS. Covers useSanityQuery, useLazySanityQuery, useSanity, SanityImage, SanityContent (Portable Text), visual editing / live preview with stega, TypeScript typegen, named clients, and Nitro server routes. Also covers starter architecture with cached Nitro endpoints, preview-switch composables, Netlify CDN caching, and cache tag invalidation. Use when the user mentions @nuxtjs/sanity, nuxt-sanity, useSanityQuery, SanityImage in Nuxt, or is building a Nuxt app that fetches data from Sanity.
display-design-studio/skills · ★ 2 · Web & Frontend · score 65
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