chore: handle draft mode with bypass support

Author: stipsan

apps/next-app-router/app/api/draft/route.ts

@@ -1,8 +1,7 @@
-import {redirect} from 'next/navigation'
+import {defineEnableDraftMode} from 'next-sanity/draft-mode'
+import {client} from '../../sanity.client'
+import {token} from '../../sanity.fetch'
 
-import {draftMode} from 'next/headers'
-
-export async function GET(request: Request) {
-  ;(await draftMode()).enable()
-  redirect('/')
-}
+export const {GET} = defineEnableDraftMode({
+  client: client.withConfig({token}),
+})

apps/next-pages-router/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/next-pages-router/package.json

@@ -19,6 +19,7 @@
     "groq": "3.71.0",
     "groqd": "0.15.12",
     "next": "15.1.6",
+    "next-sanity": "9.8.39",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "ui": "workspace:*"

apps/next-pages-router/src/app/api/draft/route.ts

@@ -0,0 +1,7 @@
+import {defineEnableDraftMode} from 'next-sanity/draft-mode'
+import {client} from '../../../sanity.client'
+import {token} from '../../../sanity.fetch'
+
+export const {GET} = defineEnableDraftMode({
+  client: client.withConfig({token}),
+})

apps/next-pages-router/src/pages/api/draft.ts

@@ -89,7 +89,7 @@
     "mendoza": "3.0.8"
   },
   "devDependencies": {
-    "@sanity/client": "^6.25.0",
+    "@sanity/client": "^6.27.0",
     "@sanity/pkg-utils": "7.0.2",
     "@sanity/prettier-config": "^1.0.3",
     "@sanity/semantic-release-preset": "^5.0.0",
@@ -120,7 +120,7 @@
     "vitest-github-actions-reporter": "^0.11.1"
   },
   "peerDependencies": {
-    "@sanity/client": "^6.25.0",
+    "@sanity/client": "^6.27.0",
     "react": "^18.0.0 || >=19.0.0-rc"
   },
   "peerDependenciesMeta": {