sanity-live-cache-components

Integrate Sanity Live with Next.js Cache Components by setting up `sanityFetch` and the `<SanityLive>` component to optimize content caching and enable live revalidation in Next.js 16+ apps.

The three-layer component pattern for Next.js Cache Components uses Page, Dynamic, and Cached layers to structure code. It implements explicit perspective and Stega prop-drilling for robust draft mode and visual editing handling.

Yes, Sanity visual editing fully works with Next.js Cache Components. The integration supports visual editing and draft mode handling through explicit perspective and Stega prop-drilling across the three-layer component pattern.

Yes, you need Next.js 16.2+ to use Sanity Live Cache Components. You must also install the `next-sanity` dependency and configure specific environment variables for the integration to function properly.

The best way to migrate a Next.js app is to implement the three-layer Page/Dynamic/Cached component pattern, configure `sanityFetch` with `<SanityLive>`, and ensure explicit perspective and Stega prop-drilling for draft mode handling.

Sanity Live requires explicit perspective and Stega prop-drilling in Next.js Cache Components to maintain better control over draft mode handling and ensure visual editing functions correctly across the Page, Dynamic, and Cached component layers.