feat(basic-starter)!: upgrade to next.js 15 and react 19

Author: yobottehg

starters/basic-starter/app/[...slug]/page.tsx

@@ -12,7 +12,7 @@ async function getNode(slug: string[]) {
 
   const params: JsonApiParams = {}
 
-  const draftData = getDraftData()
+  const draftData = await getDraftData()
 
   if (draftData.path === path) {
     params.resourceVersion = draftData.resourceVersion
@@ -60,13 +60,17 @@ type NodePageParams = {
 }
 type NodePageProps = {
   params: NodePageParams
-  searchParams: { [key: string]: string | string[] | undefined }
+  searchParams: Promise<{ [key: string]: string | string[] | undefined }>
 }
 
 export async function generateMetadata(
-  { params: { slug } }: NodePageProps,
+  props: NodePageProps,
   parent: ResolvingMetadata
 ): Promise<Metadata> {
+  const params = await props.params
+
+  const { slug } = params
+
   let node
   try {
     node = await getNode(slug)
@@ -108,11 +112,12 @@ export async function generateStaticParams(): Promise<NodePageParams[]> {
   })
 }
 
-export default async function NodePage({
-  params: { slug },
-  searchParams,
-}: NodePageProps) {
-  const isDraftMode = draftMode().isEnabled
+export default async function NodePage(props: NodePageProps) {
+  const params = await props.params
+
+  const { slug } = params
+
+  const isDraftMode = (await draftMode()).isEnabled
 
   let node
   try {

starters/basic-starter/app/api/disable-draft/route.ts

@@ -1,6 +1,6 @@
 import { disableDraftMode } from "next-drupal/draft"
 import type { NextRequest } from "next/server"
 
-export async function GET(request: NextRequest) {
-  return disableDraftMode()
+export async function GET(_: NextRequest) {
+  return await disableDraftMode()
 }

starters/basic-starter/app/api/draft/route.ts

@@ -3,5 +3,5 @@ import { enableDraftMode } from "next-drupal/draft"
 import type { NextRequest } from "next/server"
 
 export async function GET(request: NextRequest): Promise<Response | never> {
-  return enableDraftMode(request, drupal)
+  return await enableDraftMode(request, drupal)
 }

starters/basic-starter/components/misc/DraftAlert/index.tsx

@@ -2,8 +2,9 @@ import { Suspense } from "react"
 import { draftMode } from "next/headers"
 import { DraftAlertClient } from "./Client"
 
-export function DraftAlert() {
-  const isDraftEnabled = draftMode().isEnabled
+export async function DraftAlert() {
+  const draftModeStore = await draftMode()
+  const isDraftEnabled = draftModeStore.isEnabled
 
   return (
     <Suspense fallback={null}>

starters/basic-starter/package.json

@@ -1,10 +1,10 @@
 {
   "name": "basic-starter",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0-beta.1",
   "private": true,
   "license": "MIT",
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
     "preview": "next build && next start",
@@ -13,22 +13,26 @@
     "format:check": "prettier --check ."
   },
   "dependencies": {
-    "next": "^14.2.2",
-    "next-drupal": "^2.0.0-beta.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "next": "^15.0.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "next-drupal": "^2.0.0-beta.2"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.12",
     "@types/node": "^20.12.7",
-    "@types/react": "^18.2.79",
-    "@types/react-dom": "^18.2.25",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
-    "eslint-config-next": "^14.2.2",
+    "eslint-config-next": "^15.0.4",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5"
+  },
+  "overrides": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0"
   }
 }