Upgrade app to Next.js 16

app/[locale]/(site)/portfolio/[slug]/page.tsx

@@ -13,17 +13,16 @@ import {
 } from "@/lib/portfolio";
 
 type PortfolioItemPageProps = {
-  params: {
+  params: Promise<{
     locale: string;
     slug: string;
-  };
+  }>;
 };
 
 export const dynamic = "force-dynamic";
 
-export async function generateMetadata({
-  params: { locale, slug },
-}: PortfolioItemPageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: PortfolioItemPageProps): Promise<Metadata> {
+  const { locale, slug } = await params;
   const localeKey = resolveLocale(locale);
   const item = await getPublishedPortfolioProjectBySlug(slug);
 
@@ -45,8 +44,9 @@ export async function generateMetadata({
 }
 
 export default async function PortfolioItemPage({
-  params: { locale, slug },
+  params,
 }: PortfolioItemPageProps) {
+  const { locale, slug } = await params;
   const localeKey = resolveLocale(locale);
   const item = await getPublishedPortfolioProjectBySlug(slug);
 

app/[locale]/(site)/portfolio/category/[slug]/page.tsx

@@ -16,17 +16,16 @@ import {
 } from "@/lib/portfolio";
 
 type PortfolioCategoryPageProps = {
-  params: {
+  params: Promise<{
     locale: string;
     slug: string;
-  };
+  }>;
 };
 
 export const dynamic = "force-dynamic";
 
-export async function generateMetadata({
-  params: { locale, slug },
-}: PortfolioCategoryPageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: PortfolioCategoryPageProps): Promise<Metadata> {
+  const { locale, slug } = await params;
   const localeKey = resolveLocale(locale);
   const t = await getTranslations({ locale: localeKey, namespace: "portfolioPage" });
   const category = await getActivePortfolioCategoryBySlug(slug);
@@ -49,8 +48,9 @@ export async function generateMetadata({
 }
 
 export default async function PortfolioCategoryPage({
-  params: { locale, slug },
+  params,
 }: PortfolioCategoryPageProps) {
+  const { locale, slug } = await params;
   const localeKey = resolveLocale(locale);
   const t = await getTranslations({ locale: localeKey, namespace: "portfolioPage" });
   const [categories, category, projects] = await Promise.all([

app/[locale]/(site)/portfolio/category/page.tsx

@@ -3,14 +3,15 @@ import { permanentRedirect } from "next/navigation";
 import { getLocalizedPath, resolveLocale } from "@/lib/locale";
 
 type PortfolioCategoryIndexPageProps = {
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 };
 
-export default function PortfolioCategoryIndexPage({
-  params: { locale },
+export default async function PortfolioCategoryIndexPage({
+  params,
 }: PortfolioCategoryIndexPageProps) {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
 
   permanentRedirect(getLocalizedPath(localeKey, "/portfolio"));

app/[locale]/(site)/portfolio/page.tsx

@@ -11,19 +11,18 @@ import { getLocalizedPath, resolveLocale } from "@/lib/locale";
 import { getActivePortfolioCategories, getPublishedPortfolioProjects } from "@/lib/portfolio";
 
 type PortfolioPageProps = {
-  params: {
+  params: Promise<{
     locale: string;
-  };
-  searchParams?: {
+  }>;
+  searchParams?: Promise<{
     category?: string;
-  };
+  }>;
 };
 
 export const dynamic = "force-dynamic";
 
-export async function generateMetadata({
-  params: { locale },
-}: PortfolioPageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: PortfolioPageProps): Promise<Metadata> {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
   const t = await getTranslations({ locale: localeKey, namespace: "portfolioPage" });
 
@@ -36,12 +35,16 @@ export async function generateMetadata({
 }
 
 export default async function PortfolioPage({
-  params: { locale },
+  params,
   searchParams,
 }: PortfolioPageProps) {
+  const [{ locale }, resolvedSearchParams] = await Promise.all([
+    params,
+    searchParams,
+  ]);
   const localeKey = resolveLocale(locale);
   const t = await getTranslations({ locale: localeKey, namespace: "portfolioPage" });
-  const selectedCategory = searchParams?.category ?? "";
+  const selectedCategory = resolvedSearchParams?.category ?? "";
 
   if (selectedCategory) {
     redirect(getLocalizedPath(localeKey, `/portfolio/category/${selectedCategory}`));