feat: upgrade to next.js 15

pradel · Oct 21, 2024 · d543873 · d543873
1 parent a1d4909
commit d543873
Show file tree

Hide file tree

Showing 8 changed files with 126 additions and 140 deletions.
diff --git a/.changeset/breezy-apricots-leave.md b/.changeset/breezy-apricots-leave.md
@@ -0,0 +1,5 @@
+---
+"stackspulse": patch
+---
+
+Upgrade to next.js 15.
diff --git a/apps/web/package.json b/apps/web/package.json
@@ -3,7 +3,7 @@
   "version": "0.16.1",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
@@ -26,7 +26,7 @@
     "date-fns": "4.1.0",
     "fathom-client": "3.7.2",
     "javascript-time-ago": "2.5.11",
-    "next": "14.2.15",
+    "next": "15.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "recharts": "2.13.0-alpha.4",
@@ -43,7 +43,7 @@
     "@types/react-dom": "18.3.1",
     "autoprefixer": "10.4.20",
     "eslint": "8.57.0",
-    "eslint-config-next": "14.2.15",
+    "eslint-config-next": "15.0.0",
     "eslint-plugin-tailwindcss": "3.17.5",
     "postcss": "8.4.47",
     "radix-themes-tw": "0.2.3",

diff --git a/apps/web/src/app/protocols/[protocol]/contracts/page.tsx b/apps/web/src/app/protocols/[protocol]/contracts/page.tsx
@@ -6,7 +6,8 @@ import { notFound } from "next/navigation";
 
 export const dynamic = "force-dynamic";
 
-export function generateMetadata({ params }: PageProps): Metadata {
+export async function generateMetadata(props: PageProps): Promise<Metadata> {
+  const params = await props.params;
   const protocol = params.protocol;
 
   return {
@@ -17,10 +18,11 @@ export function generateMetadata({ params }: PageProps): Metadata {
 }
 
 interface PageProps {
-  params: { protocol: string };
+  params: Promise<{ protocol: string }>;
 }
 
-export default async function ProtocolPage({ params }: PageProps) {
+export default async function ProtocolPage(props: PageProps) {
+  const params = await props.params;
   const protocol = params.protocol;
   if (!isProtocol(protocol)) {
     notFound();

diff --git a/apps/web/src/app/protocols/[protocol]/layout.tsx b/apps/web/src/app/protocols/[protocol]/layout.tsx
@@ -6,10 +6,11 @@ import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 
 interface PageProps {
-  params: { protocol: string };
+  params: Promise<{ protocol: string }>;
 }
 
-export function generateMetadata({ params }: PageProps): Metadata {
+export async function generateMetadata(props: PageProps): Promise<Metadata> {
+  const params = await props.params;
   const protocol = params.protocol;
   if (!isProtocol(protocol)) {
     notFound();
@@ -26,13 +27,16 @@ export function generateMetadata({ params }: PageProps): Metadata {
   };
 }
 
-export default function ProtocolLayout({
-  children,
-  params,
-}: Readonly<{
-  children: React.ReactNode;
-  params: PageProps["params"];
-}>) {
+export default async function ProtocolLayout(
+  props: Readonly<{
+    children: React.ReactNode;
+    params: PageProps["params"];
+  }>,
+) {
+  const params = await props.params;
+
+  const { children } = props;
+
   const protocol = params.protocol;
   if (!isProtocol(protocol)) {
     notFound();

diff --git a/apps/web/src/app/protocols/[protocol]/page.tsx b/apps/web/src/app/protocols/[protocol]/page.tsx
@@ -10,10 +10,11 @@ import { Suspense } from "react";
 export const dynamic = "force-dynamic";
 
 interface PageProps {
-  params: { protocol: string };
+  params: Promise<{ protocol: string }>;
 }
 
-export default async function ProtocolPage({ params }: PageProps) {
+export default async function ProtocolPage(props: PageProps) {
+  const params = await props.params;
   const protocol = params.protocol;
   if (!isProtocol(protocol)) {
     notFound();

diff --git a/apps/web/src/app/tokens/[token]/page.tsx b/apps/web/src/app/tokens/[token]/page.tsx
@@ -11,12 +11,11 @@ import { Suspense } from "react";
 export const dynamic = "force-dynamic";
 
 interface PageProps {
-  params: { token: string };
+  params: Promise<{ token: string }>;
 }
 
-export async function generateMetadata({
-  params,
-}: PageProps): Promise<Metadata> {
+export async function generateMetadata(props: PageProps): Promise<Metadata> {
+  const params = await props.params;
   const metadata = await tokenMetadataClient.GET(
     "/metadata/v1/ft/{principal}",
     {
@@ -41,7 +40,8 @@ export async function generateMetadata({
   };
 }
 
-export default async function ProtocolPage({ params }: PageProps) {
+export default async function ProtocolPage(props: PageProps) {
+  const params = await props.params;
   const metadata = await tokenMetadataClient.GET(
     "/metadata/v1/ft/{principal}",
     {

diff --git a/apps/web/src/app/tokens/resolve/[token]/page.tsx b/apps/web/src/app/tokens/resolve/[token]/page.tsx
@@ -5,10 +5,11 @@ import { notFound, redirect } from "next/navigation";
 export const dynamic = "force-dynamic";
 
 interface PageProps {
-  params: { token: string };
+  params: Promise<{ token: string }>;
 }
 
-export default async function ProtocolPage({ params }: PageProps) {
+export default async function ProtocolPage(props: PageProps) {
+  const params = await props.params;
   const data: TokensResolveRouteResponse = await fetch(
     `${env.NEXT_PUBLIC_API_URL}/api/tokens/resolve?id=${params.token}`,
   ).then((res) => res.json());