Migrate to Next.js 15

Author: better-salmon

.changeset/config.json

@@ -8,7 +8,6 @@
   "baseBranch": "canary",
   "updateInternalDependencies": "patch",
   "ignore": [
-    "@neshca/server",
     "@repo/backend",
     "@repo/cache-handler-docs",
     "@repo/cache-testing",

.github/dependabot.yml

@@ -10,7 +10,7 @@ updates:
     open-pull-requests-limit: 20
     ignore:
       - dependency-name: 'lru-cache'
-        versions: ['11.x.x']
+        versions: ['>=11.0.0']
     groups:
       next-js:
         patterns:

apps/cache-testing/next.config.js

@@ -11,16 +11,12 @@ const nextConfig = {
   output: 'standalone',
   cacheHandler:
     process.env.NODE_ENV !== 'development' ? cacheHandler : undefined,
+  // outputFileTracingRoot: path.join(import.meta.dirname, '../../'),
   cacheMaxMemorySize: 0, // disable default in-memory caching
   experimental: {
     // PPR should only be configured via the PPR_ENABLED env variable due to conditional logic in tests.
     ppr: process.env.PPR_ENABLED === 'true',
     largePageDataBytes: 1024 * 1024, // 1MB
-    outputFileTracingRoot: path.join(import.meta.dirname, '../../'),
-    instrumentationHook: true,
-  },
-  eslint: {
-    ignoreDuringBuilds: true,
   },
 };
 

apps/cache-testing/src/app/app/no-params/dynamic-false/[slug]/page.tsx

@@ -7,14 +7,15 @@ export const dynamicParams = false;
 
 export const revalidate = 5;
 
-type PageParams = { params: { slug: string } };
+type PageParams = { params: Promise<{ slug: string }> };
 
 const getData = createGetData('app/no-params/dynamic-false');
 
 export default async function Index({
   params,
-}: PageParams): Promise<JSX.Element> {
-  const data = await getData(params.slug);
+}: PageParams): Promise<React.ReactNode> {
+  const resolvedParams = await params;
+  const data = await getData(resolvedParams.slug);
 
   if (!data) {
     notFound();

apps/cache-testing/src/app/app/no-params/dynamic-true/[slug]/page.tsx

@@ -7,14 +7,15 @@ export const dynamicParams = true;
 
 export const revalidate = 5;
 
-type PageParams = { params: { slug: string } };
+type PageParams = { params: Promise<{ slug: string }> };
 
 const getData = createGetData('app/no-params/dynamic-true');
 
 export default async function Index({
   params,
-}: PageParams): Promise<JSX.Element> {
-  const data = await getData(params.slug);
+}: PageParams): Promise<React.ReactNode> {
+  const resolvedParams = await params;
+  const data = await getData(resolvedParams.slug);
 
   if (!data) {
     notFound();

apps/cache-testing/src/app/app/no-params/ssr/200/page.tsx

@@ -5,7 +5,7 @@ import { createGetData } from 'cache-testing/utils/create-get-data';
 
 const getData = createGetData('app/no-params/ssr', undefined, 'no-store');
 
-export default async function Index(): Promise<JSX.Element> {
+export default async function Index(): Promise<React.ReactNode> {
   const data = await getData('200');
 
   if (!data) {

apps/cache-testing/src/app/app/ppr/page.tsx

@@ -4,7 +4,7 @@ import { Suspense } from 'react';
 import { formatTime } from 'cache-testing/utils/format-time';
 import type { TimeBackendApiResponseJson } from 'cache-testing/utils/types';
 
-async function ActualData(): Promise<JSX.Element> {
+async function ActualData(): Promise<React.ReactNode> {
   noStore();
 
   const response = await fetch('http://localhost:8081/time', {
@@ -20,11 +20,11 @@ async function ActualData(): Promise<JSX.Element> {
   return <div data-pw="ppr-postponed">{formatTime(data.unixTimeMs)}</div>;
 }
 
-function Skeleton(): JSX.Element {
+function Skeleton(): React.ReactNode {
   return <div data-pw="ppr-prerendered">Skeleton</div>;
 }
 
-export default function Page(): JSX.Element {
+export default function Page(): React.ReactNode {
   return (
     <main>
       <h3>Partial Prerendering</h3>

apps/cache-testing/src/app/app/randomHex/[length]/page.tsx

@@ -7,15 +7,21 @@ import type { RandomHexPageProps } from 'cache-testing/utils/types';
 
 const lengthSteps = new Array(5).fill(0).map((_, i) => 10 ** (i + 1));
 
-type PageParams = { params: { length: string } };
+type PageParams = { params: Promise<{ length: string }> };
 
-export function generateStaticParams(): PageParams['params'][] {
+export async function generateStaticParams(): Promise<
+  {
+    length: string;
+  }[]
+> {
   return lengthSteps.map((length) => ({ length: `${length}` }));
 }
 
 export default async function Page({
-  params: { length },
-}: PageParams): Promise<JSX.Element> {
+  params,
+}: PageParams): Promise<React.ReactNode> {
+  const resolvedParams = await params;
+  const { length } = resolvedParams;
   const path = `/randomHex/app/${length}`;
 
   const url = new URL(path, 'http://localhost:8081');

apps/cache-testing/src/app/app/with-params/dynamic-false/[slug]/page.tsx

@@ -3,15 +3,19 @@ import { notFound } from 'next/navigation';
 import { CommonAppPage } from 'cache-testing/utils/common-app-page';
 import { createGetData } from 'cache-testing/utils/create-get-data';
 
-type PageParams = { params: { slug: string } };
+type PageParams = { params: Promise<{ slug: string }> };
 
 export const dynamicParams = false;
 
 export const revalidate = 5;
 
 const getData = createGetData('app/with-params/dynamic-false');
 
-export function generateStaticParams(): Promise<PageParams['params'][]> {
+export function generateStaticParams(): Promise<
+  {
+    slug: string;
+  }[]
+> {
   return Promise.resolve([
     { slug: '200' },
     { slug: '404' },
@@ -21,8 +25,9 @@ export function generateStaticParams(): Promise<PageParams['params'][]> {
 
 export default async function Index({
   params,
-}: PageParams): Promise<JSX.Element> {
-  const data = await getData(params.slug);
+}: PageParams): Promise<React.ReactNode> {
+  const resolvedParams = await params;
+  const data = await getData(resolvedParams.slug);
 
   if (!data) {
     notFound();

apps/cache-testing/src/app/app/with-params/dynamic-true/[slug]/page.tsx

@@ -3,15 +3,19 @@ import { notFound } from 'next/navigation';
 import { CommonAppPage } from 'cache-testing/utils/common-app-page';
 import { createGetData } from 'cache-testing/utils/create-get-data';
 
-type PageParams = { params: { slug: string } };
+type PageParams = { params: Promise<{ slug: string }> };
 
 export const dynamicParams = true;
 
 export const revalidate = 5;
 
 const getData = createGetData('app/with-params/dynamic-true');
 
-export function generateStaticParams(): Promise<PageParams['params'][]> {
+export function generateStaticParams(): Promise<
+  {
+    slug: string;
+  }[]
+> {
   return Promise.resolve([
     { slug: '200' },
     { slug: '404' },
@@ -21,8 +25,9 @@ export function generateStaticParams(): Promise<PageParams['params'][]> {
 
 export default async function Index({
   params,
-}: PageParams): Promise<JSX.Element> {
-  const data = await getData(params.slug);
+}: PageParams): Promise<React.ReactNode> {
+  const resolvedParams = await params;
+  const data = await getData(resolvedParams.slug);
 
   if (!data) {
     notFound();