back to stable

README.md

@@ -31,4 +31,4 @@ instead of defining your own `sanityFetch` function and `SanityLive` component.
 - [Remix](./remix/)
 - [Nuxt](./nuxt/)
 - [SvelteKit](./sveltekit/)
-- [Next.js with Enterprise grade revalidation efficiency](./next-enterprise/) - [https://lcapi-examples-next-enterprise.sanity.dev/] – uses Next.js 15's `use cache` directive, but doesn't require it, and the technique could be used in any framework that supports on-demand revalidation similar to ISR in Next.js on Vercel.
+- [Next.js with Enterprise grade revalidation efficiency](./next-enterprise/) - [https://lcapi-examples-next-enterprise.sanity.dev/] – uses Next.js 15, but doesn't require it, and the technique could be used in any framework that supports on-demand revalidation similar to ISR in Next.js on Vercel.

next-enterprise/next.config.ts

@@ -1,9 +1,5 @@
 import type {NextConfig} from 'next'
 
-const nextConfig: NextConfig = {
-  experimental: {
-    dynamicIO: true,
-  },
-}
+const nextConfig: NextConfig = {}
 
 export default nextConfig

next-enterprise/package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "@sanity/client": "^6.22.5",
     "groq": "^3.64.2",
-    "next": "canary",
+    "next": "15.0.3",
     "react": "rc",
     "react-dom": "rc",
     "use-effect-event": "^1.0.2"
@@ -22,7 +22,7 @@
     "@types/react": "npm:types-react@rc",
     "@types/react-dom": "npm:types-react-dom@rc",
     "eslint": "^9.15.0",
-    "eslint-config-next": "canary",
+    "eslint-config-next": "15.0.3",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.15",
     "typescript": "^5.6.3"

next-enterprise/src/sanity/fetch.ts

@@ -1,5 +1,4 @@
 import {type QueryParams} from '@sanity/client'
-import {unstable_cacheTag as cacheTag} from 'next/cache'
 import {client} from './client'
 
 export async function sanityFetch<const QueryString extends string>({
@@ -9,11 +8,11 @@ export async function sanityFetch<const QueryString extends string>({
   query: QueryString
   params?: QueryParams
 }) {
-  'use cache'
-  const {result, syncTags} = await client.fetch(query, params, {
+  const {syncTags: tags} = await client.fetch(query, params, {
     filterResponse: false,
+    returnQuery: false,
   })
-  cacheTag(...(syncTags as string[]))
+  const {result, syncTags} = await client.fetch(query, params, {next: {tags}})
 
   return {data: result, tags: syncTags, fetchedAt: new Date().toJSON()}
 }