Upgrade app to Next.js 16

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

@@ -14,16 +14,15 @@ import { getLocalizedPath, resolveLocale } from "@/lib/locale";
 import { buildLocalizedMetadata } from "@/lib/metadata";
 
 type AboutPageProps = {
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 };
 
 export const dynamic = "force-dynamic";
 
-export async function generateMetadata({
-  params: { locale },
-}: AboutPageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: AboutPageProps): Promise<Metadata> {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
   const t = await getTranslations({ locale: localeKey, namespace: "aboutPage" });
 
@@ -35,7 +34,8 @@ export async function generateMetadata({
   });
 }
 
-export default async function AboutPage({ params: { locale } }: AboutPageProps) {
+export default async function AboutPage({ params }: AboutPageProps) {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
   const [t, siteSettings, mediaBindings] = await Promise.all([
     getTranslations({ locale: localeKey, namespace: "aboutPage" }),

app/[locale]/(site)/contact/actions.ts

@@ -1,7 +1,7 @@
 "use server";
 
 import { redirect } from "next/navigation";
-import { isRedirectError } from "next/dist/client/components/redirect";
+import { isRedirectError } from "next/dist/client/components/redirect-error";
 import { z } from "zod";
 
 import { enforceContactRateLimit, verifyTurnstileToken } from "@/lib/contact-guard";

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

@@ -15,14 +15,13 @@ import { CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { submitContactFormAction } from "./actions";
 
 type ContactPageProps = {
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 };
 
-export async function generateMetadata({
-  params: { locale },
-}: ContactPageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: ContactPageProps): Promise<Metadata> {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
   const t = await getTranslations({ locale: localeKey, namespace: "contactPage" });
 
@@ -34,7 +33,8 @@ export async function generateMetadata({
   });
 }
 
-export default async function ContactPage({ params: { locale } }: ContactPageProps) {
+export default async function ContactPage({ params }: ContactPageProps) {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
   const [t, protection] = await Promise.all([
     getTranslations({ locale: localeKey, namespace: "contactPage" }),

app/[locale]/(site)/layout.tsx

@@ -11,23 +11,24 @@ import { getLocalizedPath, resolveLocale } from "@/lib/locale";
 
 type SiteLayoutProps = {
   children: ReactNode;
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 };
 
 export const dynamic = "force-dynamic";
 export const revalidate = 0;
 
-export default async function SiteLayout({ children, params: { locale } }: SiteLayoutProps) {
+export default async function SiteLayout({ children, params }: SiteLayoutProps) {
   noStore();
+  const { locale } = await params;
 
   const localeKey = resolveLocale(locale);
   const [maintenanceEnabled, mediaBindings] = await Promise.all([
     getMaintenanceMode(),
     getSiteSettingsMediaBindings(),
   ]);
-  const authenticated = isAdminAuthenticated();
+  const authenticated = await isAdminAuthenticated();
 
   if (maintenanceEnabled && !authenticated) {
     redirect(getLocalizedPath(localeKey, "/coming-soon"));

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

@@ -24,9 +24,9 @@ import { CardContent } from "@/components/ui/card";
 import { getLocalizedPath, resolveLocale } from "@/lib/locale";
 
 type HomePageProps = {
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 };
 
 const serviceIcons = [
@@ -41,9 +41,8 @@ const serviceIcons = [
 
 export const dynamic = "force-dynamic";
 
-export async function generateMetadata({
-  params: { locale },
-}: HomePageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: HomePageProps): Promise<Metadata> {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
   const [t, siteSettings] = await Promise.all([
     getTranslations({ locale: localeKey, namespace: "homepage" }),
@@ -59,7 +58,8 @@ export async function generateMetadata({
   });
 }
 
-export default async function HomePage({ params: { locale } }: HomePageProps) {
+export default async function HomePage({ params }: HomePageProps) {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
   const [t, marqueeSettings] = await Promise.all([
     getTranslations({ locale: localeKey, namespace: "homepage" }),

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}`));

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

@@ -13,14 +13,13 @@ import { Button } from "@/components/ui/button";
 import { CardContent } from "@/components/ui/card";
 
 type SuccessPageProps = {
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 };
 
-export async function generateMetadata({
-  params: { locale },
-}: SuccessPageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: SuccessPageProps): Promise<Metadata> {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
   const t = await getTranslations({ locale: localeKey, namespace: "successPage" });
 
@@ -32,7 +31,8 @@ export async function generateMetadata({
   });
 }
 
-export default async function SuccessPage({ params: { locale } }: SuccessPageProps) {
+export default async function SuccessPage({ params }: SuccessPageProps) {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
   const t = await getTranslations({ locale: localeKey, namespace: "successPage" });
 

app/[locale]/coming-soon/page.tsx

@@ -10,14 +10,13 @@ import { buildLocalizedMetadata } from "@/lib/metadata";
 import { resolveLocale } from "@/lib/locale";
 
 type ComingSoonPageProps = {
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 };
 
-export async function generateMetadata({
-  params: { locale },
-}: ComingSoonPageProps): Promise<Metadata> {
+export async function generateMetadata({ params }: ComingSoonPageProps): Promise<Metadata> {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
   const t = await getTranslations({ locale: localeKey, namespace: "comingSoon" });
   const siteSettings = await getSiteSettings();
@@ -32,8 +31,9 @@ export async function generateMetadata({
 }
 
 export default async function ComingSoonPage({
-  params: { locale },
+  params,
 }: ComingSoonPageProps) {
+  const { locale } = await params;
   const localeKey = resolveLocale(locale);
   const t = await getTranslations({ locale: localeKey, namespace: "comingSoon" });
   const isArabic = localeKey === "ar";

app/[locale]/layout.tsx

@@ -9,9 +9,9 @@ import { getDirection } from "@/lib/locale";
 
 type LocaleLayoutProps = {
   children: ReactNode;
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 };
 
 export const dynamic = "force-dynamic";
@@ -23,9 +23,10 @@ export function generateStaticParams() {
 
 export default async function LocaleLayout({
   children,
-  params: { locale },
+  params,
 }: LocaleLayoutProps) {
   noStore();
+  const { locale } = await params;
 
   if (!routing.locales.includes(locale as (typeof routing.locales)[number])) {
     notFound();

app/root/maintenance/actions.ts

@@ -9,15 +9,15 @@ import { clearAdminSessionCookie, isAdminAuthenticated } from "@/lib/admin-auth"
 import { getLocalizedPath } from "@/lib/locale";
 import { setMaintenanceMode } from "@/lib/app-config";
 
-function ensureAdmin() {
-  if (!isAdminAuthenticated()) {
-    clearAdminSessionCookie();
+async function ensureAdmin() {
+  if (!(await isAdminAuthenticated())) {
+    await clearAdminSessionCookie();
     redirect("/");
   }
 }
 
 export async function updateMaintenanceModeAction(formData: FormData) {
-  ensureAdmin();
+  await ensureAdmin();
 
   const nextValue = formData.get("enabled") === "true";
   const redirectPath = String(formData.get("redirectPath") ?? "/");

app/root/maintenance/page.tsx

@@ -28,7 +28,7 @@ const copy = {
 };
 
 export default async function RootMaintenancePage() {
-  const authenticated = isAdminAuthenticated();
+  const authenticated = await isAdminAuthenticated();
 
   if (!authenticated) {
     redirect("/");
@@ -38,7 +38,7 @@ export default async function RootMaintenancePage() {
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 

app/root/marquee/actions.ts

@@ -2,7 +2,7 @@
 
 import { revalidatePath } from "next/cache";
 import { redirect } from "next/navigation";
-import { isRedirectError } from "next/dist/client/components/redirect";
+import { isRedirectError } from "next/dist/client/components/redirect-error";
 
 import { toInternalAdminPath } from "@/lib/admin-routing";
 import { clearAdminSessionCookie, isAdminAuthenticated } from "@/lib/admin-auth";
@@ -10,9 +10,9 @@ import { updateMarqueeSettings } from "@/lib/app-config";
 import { routing } from "@/i18n/routing";
 import { getLocalizedPath } from "@/lib/locale";
 
-function ensureAdmin() {
-  if (!isAdminAuthenticated()) {
-    clearAdminSessionCookie();
+async function ensureAdmin() {
+  if (!(await isAdminAuthenticated())) {
+    await clearAdminSessionCookie();
     redirect("/");
   }
 }
@@ -35,7 +35,7 @@ async function revalidateMarqueePages() {
 }
 
 export async function saveMarqueeSettingsAction(formData: FormData) {
-  ensureAdmin();
+  await ensureAdmin();
 
   try {
     const germanSettings = {

app/root/marquee/page.tsx

@@ -26,14 +26,14 @@ const copy = {
 };
 
 export default async function RootMarqueePage() {
-  if (!isAdminAuthenticated()) {
+  if (!(await isAdminAuthenticated())) {
     redirect("/");
   }
 
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 

app/root/media/actions.ts

@@ -3,7 +3,7 @@
 import { MediaKind } from "@prisma/client";
 import { revalidatePath } from "next/cache";
 import { redirect } from "next/navigation";
-import { isRedirectError } from "next/dist/client/components/redirect";
+import { isRedirectError } from "next/dist/client/components/redirect-error";
 
 import { toInternalAdminPath } from "@/lib/admin-routing";
 import { clearAdminSessionCookie, isAdminAuthenticated } from "@/lib/admin-auth";
@@ -12,9 +12,9 @@ import { createStandaloneMediaAsset, deleteMediaAssetAndFile } from "@/lib/media
 import { isManagedMediaFilePath } from "@/lib/media-storage";
 import { prisma } from "@/lib/prisma";
 
-function ensureAdmin() {
-  if (!isAdminAuthenticated()) {
-    clearAdminSessionCookie();
+async function ensureAdmin() {
+  if (!(await isAdminAuthenticated())) {
+    await clearAdminSessionCookie();
     redirect("/");
   }
 }
@@ -34,7 +34,7 @@ function revalidateMediaPages() {
 }
 
 export async function createMediaAssetAction(formData: FormData) {
-  ensureAdmin();
+  await ensureAdmin();
 
   try {
     const kindValue = String(formData.get("kind") ?? "IMAGE");
@@ -59,7 +59,7 @@ export async function createMediaAssetAction(formData: FormData) {
 }
 
 export async function deleteMediaAssetAction(formData: FormData) {
-  ensureAdmin();
+  await ensureAdmin();
 
   const assetId = String(formData.get("assetId") ?? "");
 

app/root/media/page.tsx

@@ -21,14 +21,14 @@ const copy = {
 };
 
 export default async function RootMediaPage() {
-  if (!isAdminAuthenticated()) {
+  if (!(await isAdminAuthenticated())) {
     redirect("/");
   }
 
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 

app/root/page.tsx

@@ -25,9 +25,9 @@ import { getAdminMediaAssets } from "@/lib/media";
 import { getAdminPortfolioCategories, getAdminPortfolioProjects } from "@/lib/portfolio";
 
 type RootPageProps = {
-  searchParams?: {
+  searchParams?: Promise<{
     error?: string;
-  };
+  }>;
 };
 
 export const dynamic = "force-dynamic";
@@ -61,25 +61,26 @@ const copy = {
 };
 
 export default async function RootPage({ searchParams }: RootPageProps) {
+  const resolvedSearchParams = await searchParams;
   const authConfigured = isAdminAuthConfigured();
   const basicConfigured = Boolean(
     process.env.ROOT_BASIC_AUTH_USER && process.env.ROOT_BASIC_AUTH_PASS,
   );
-  const authenticated = isAdminAuthenticated();
-  const lockState = getAdminLockState();
+  const authenticated = await isAdminAuthenticated();
+  const lockState = await getAdminLockState();
 
   async function loginAction(formData: FormData) {
     "use server";
 
     const password = String(formData.get("password") ?? "");
-    const currentLockState = getAdminLockState();
+    const currentLockState = await getAdminLockState();
 
     if (currentLockState.locked) {
       redirect("/?error=locked");
     }
 
     if (!isAdminAuthConfigured() || !isPasswordValid(password)) {
-      const failState = registerFailedAdminAttempt();
+      const failState = await registerFailedAdminAttempt();
       if (failState.locked) {
         redirect("/?error=locked");
       }
@@ -87,15 +88,15 @@ export default async function RootPage({ searchParams }: RootPageProps) {
       redirect("/?error=invalid");
     }
 
-    resetAdminFailedAttempts();
-    setAdminSessionCookie();
+    await resetAdminFailedAttempts();
+    await setAdminSessionCookie();
     redirect("/");
   }
 
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 
@@ -124,13 +125,13 @@ export default async function RootPage({ searchParams }: RootPageProps) {
                 </p>
               ) : null}
 
-              {searchParams?.error === "invalid" ? (
+              {resolvedSearchParams?.error === "invalid" ? (
                 <p className="mb-4 rounded-nested border border-status-warning/30 bg-status-warning-soft px-3 py-2 text-sm text-status-warning">
                   {copy.invalidLogin}
                 </p>
               ) : null}
 
-              {searchParams?.error === "locked" || lockState.locked ? (
+              {resolvedSearchParams?.error === "locked" || lockState.locked ? (
                 <p className="mb-4 rounded-nested border border-status-warning/30 bg-status-warning-soft px-3 py-2 text-sm text-status-warning">
                   {copy.lockedLogin}
                 </p>

app/root/portfolio/actions.ts

@@ -3,7 +3,7 @@
 import { MediaUsageType, Prisma } from "@prisma/client";
 import { revalidatePath } from "next/cache";
 import { redirect } from "next/navigation";
-import { isRedirectError } from "next/dist/client/components/redirect";
+import { isRedirectError } from "next/dist/client/components/redirect-error";
 import { ZodError } from "zod";
 
 import { routing } from "@/i18n/routing";
@@ -23,9 +23,9 @@ import {
   sectionInputSchema,
 } from "@/lib/portfolio-validation";
 
-function ensureAdmin() {
-  if (!isAdminAuthenticated()) {
-    clearAdminSessionCookie();
+async function ensureAdmin() {
+  if (!(await isAdminAuthenticated())) {
+    await clearAdminSessionCookie();
     redirect("/");
   }
 }
@@ -105,7 +105,7 @@ async function removeManagedPaths(paths: string[]) {
 }
 
 export async function upsertCategoryAction(formData: FormData) {
-  ensureAdmin();
+  await ensureAdmin();
 
   const redirectPath = getRedirectPath(formData, "/portfolio/categories");
 
@@ -155,7 +155,7 @@ export async function upsertCategoryAction(formData: FormData) {
 }
 
 export async function deleteCategoryAction(formData: FormData) {
-  ensureAdmin();
+  await ensureAdmin();
 
   const redirectPath = getRedirectPath(formData, "/portfolio/categories");
   const id = String(formData.get("id") ?? "");
@@ -189,7 +189,7 @@ export async function deleteCategoryAction(formData: FormData) {
 }
 
 export async function saveProjectAction(formData: FormData) {
-  ensureAdmin();
+  await ensureAdmin();
 
   const fallbackRedirect = String(formData.get("id") ?? "").trim()
     ? `/portfolio/projects/${String(formData.get("id") ?? "").trim()}`
@@ -564,7 +564,7 @@ export async function saveProjectAction(formData: FormData) {
 }
 
 export async function deleteProjectAction(formData: FormData) {
-  ensureAdmin();
+  await ensureAdmin();
 
   const id = String(formData.get("id") ?? "");
 

app/root/portfolio/categories/page.tsx

@@ -23,14 +23,14 @@ const copy = {
 };
 
 export default async function RootPortfolioCategoriesPage() {
-  if (!isAdminAuthenticated()) {
+  if (!(await isAdminAuthenticated())) {
     redirect("/");
   }
 
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 

app/root/portfolio/page.tsx

@@ -21,31 +21,33 @@ const copy = {
 };
 
 type RootPortfolioPageProps = {
-  searchParams?: {
+  searchParams?: Promise<{
     category?: string;
     status?: "all" | "draft" | "published";
     success?: string;
     error?: string;
-  };
+  }>;
 };
 
 export default async function RootPortfolioPage({ searchParams }: RootPortfolioPageProps) {
-  if (!isAdminAuthenticated()) {
+  const resolvedSearchParams = await searchParams;
+
+  if (!(await isAdminAuthenticated())) {
     redirect("/");
   }
 
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 
-  const selectedCategory = searchParams?.category && searchParams.category !== "__all__"
-    ? searchParams.category
+  const selectedCategory = resolvedSearchParams?.category && resolvedSearchParams.category !== "__all__"
+    ? resolvedSearchParams.category
     : "";
-  const selectedStatus = searchParams?.status === "draft" || searchParams?.status === "published"
-    ? searchParams.status
+  const selectedStatus = resolvedSearchParams?.status === "draft" || resolvedSearchParams?.status === "published"
+    ? resolvedSearchParams.status
     : "all";
   const [categories, projects] = await Promise.all([
     getAdminPortfolioCategories(),

app/root/portfolio/projects/[id]/page.tsx

@@ -44,29 +44,31 @@ const copy = {
 };
 
 type RootPortfolioProjectPageProps = {
-  params: {
+  params: Promise<{
     id: string;
-  };
+  }>;
 };
 
 export default async function RootPortfolioProjectPage({
   params,
 }: RootPortfolioProjectPageProps) {
-  if (!isAdminAuthenticated()) {
+  if (!(await isAdminAuthenticated())) {
     redirect("/");
   }
 
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 
+  const { id } = await params;
+
   const [categories, mediaOptions, project] = await Promise.all([
     getActivePortfolioCategories(),
     getMediaOptions(),
-    getAdminPortfolioProjectById(params.id),
+    getAdminPortfolioProjectById(id),
   ]);
 
   if (!project) {

app/root/portfolio/projects/new/page.tsx

@@ -25,14 +25,14 @@ const copy = {
 };
 
 export default async function RootNewPortfolioProjectPage() {
-  if (!isAdminAuthenticated()) {
+  if (!(await isAdminAuthenticated())) {
     redirect("/");
   }
 
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 

app/root/portfolio/projects/page.tsx

@@ -21,31 +21,33 @@ const copy = {
 };
 
 type RootPortfolioProjectsPageProps = {
-  searchParams?: {
+  searchParams?: Promise<{
     category?: string;
     status?: "all" | "draft" | "published";
-  };
+  }>;
 };
 
 export default async function RootPortfolioProjectsPage({
   searchParams,
 }: RootPortfolioProjectsPageProps) {
-  if (!isAdminAuthenticated()) {
+  const resolvedSearchParams = await searchParams;
+
+  if (!(await isAdminAuthenticated())) {
     redirect("/");
   }
 
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 
-  const selectedCategory = searchParams?.category && searchParams.category !== "__all__"
-    ? searchParams.category
+  const selectedCategory = resolvedSearchParams?.category && resolvedSearchParams.category !== "__all__"
+    ? resolvedSearchParams.category
     : "";
-  const selectedStatus = searchParams?.status === "draft" || searchParams?.status === "published"
-    ? searchParams.status
+  const selectedStatus = resolvedSearchParams?.status === "draft" || resolvedSearchParams?.status === "published"
+    ? resolvedSearchParams.status
     : "all";
   const [categories, projects] = await Promise.all([
     getAdminPortfolioCategories(),

app/root/site-settings/actions.ts

@@ -3,7 +3,7 @@
 import { MediaUsageType } from "@prisma/client";
 import { revalidatePath } from "next/cache";
 import { redirect } from "next/navigation";
-import { isRedirectError } from "next/dist/client/components/redirect";
+import { isRedirectError } from "next/dist/client/components/redirect-error";
 
 import {
   SITE_SETTINGS_DEFAULT_OG_IMAGE_FIELD_KEY,
@@ -25,9 +25,9 @@ import { removeManagedMediaFile } from "@/lib/media-storage";
 import { mediaFieldInputSchema } from "@/lib/media-validation";
 import { prisma } from "@/lib/prisma";
 
-function ensureAdmin() {
-  if (!isAdminAuthenticated()) {
-    clearAdminSessionCookie();
+async function ensureAdmin() {
+  if (!(await isAdminAuthenticated())) {
+    await clearAdminSessionCookie();
     redirect("/");
   }
 }
@@ -91,7 +91,7 @@ async function revalidateSiteSettingsPages() {
 }
 
 export async function saveSiteSettingsAction(formData: FormData) {
-  ensureAdmin();
+  await ensureAdmin();
 
   const createdMediaAssetIds: string[] = [];
   const uploadedPaths: string[] = [];

app/root/site-settings/page.tsx

@@ -30,14 +30,14 @@ const copy = {
 };
 
 export default async function RootSiteSettingsPage() {
-  if (!isAdminAuthenticated()) {
+  if (!(await isAdminAuthenticated())) {
     redirect("/");
   }
 
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 

app/root/smtp/actions.ts

@@ -2,7 +2,7 @@
 
 import { revalidatePath } from "next/cache";
 import { redirect } from "next/navigation";
-import { isRedirectError } from "next/dist/client/components/redirect";
+import { isRedirectError } from "next/dist/client/components/redirect-error";
 
 import { toInternalAdminPath } from "@/lib/admin-routing";
 import { clearAdminSessionCookie, isAdminAuthenticated } from "@/lib/admin-auth";
@@ -14,9 +14,9 @@ import {
 import { sendTestEmail } from "@/lib/mail";
 import type { MailSettings } from "@/lib/mail-settings";
 
-function ensureAdmin() {
-  if (!isAdminAuthenticated()) {
-    clearAdminSessionCookie();
+async function ensureAdmin() {
+  if (!(await isAdminAuthenticated())) {
+    await clearAdminSessionCookie();
     redirect("/");
   }
 }
@@ -71,7 +71,7 @@ function parseMailSettingsFormData(
 }
 
 export async function saveMailSettingsAction(formData: FormData) {
-  ensureAdmin();
+  await ensureAdmin();
 
   try {
     const existingMailSettings = await getMailSettings();
@@ -95,7 +95,7 @@ export async function saveMailSettingsAction(formData: FormData) {
 }
 
 export async function sendTestEmailAction() {
-  ensureAdmin();
+  await ensureAdmin();
 
   try {
     await sendTestEmail();

app/root/smtp/contact-protection/actions.ts

@@ -2,7 +2,7 @@
 
 import { revalidatePath } from "next/cache";
 import { redirect } from "next/navigation";
-import { isRedirectError } from "next/dist/client/components/redirect";
+import { isRedirectError } from "next/dist/client/components/redirect-error";
 
 import { toInternalAdminPath } from "@/lib/admin-routing";
 import { clearAdminSessionCookie, isAdminAuthenticated } from "@/lib/admin-auth";
@@ -13,9 +13,9 @@ import {
 } from "@/lib/app-config";
 import type { ContactProtectionSettings } from "@/lib/contact-protection";
 
-function ensureAdmin() {
-  if (!isAdminAuthenticated()) {
-    clearAdminSessionCookie();
+async function ensureAdmin() {
+  if (!(await isAdminAuthenticated())) {
+    await clearAdminSessionCookie();
     redirect("/");
   }
 }
@@ -79,7 +79,7 @@ function parseContactProtectionFormData(
 }
 
 export async function saveContactProtectionSettingsAction(formData: FormData) {
-  ensureAdmin();
+  await ensureAdmin();
 
   try {
     const existingSettings = await getContactProtectionSettings();

app/root/smtp/contact-protection/page.tsx

@@ -26,14 +26,14 @@ const copy = {
 };
 
 export default async function RootSMTPProtectionPage() {
-  if (!isAdminAuthenticated()) {
+  if (!(await isAdminAuthenticated())) {
     redirect("/");
   }
 
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 

app/root/smtp/page.tsx

@@ -27,14 +27,14 @@ const copy = {
 };
 
 export default async function RootSMTPPage() {
-  if (!isAdminAuthenticated()) {
+  if (!(await isAdminAuthenticated())) {
     redirect("/");
   }
 
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 

app/root/ui-kit/page.tsx

@@ -21,7 +21,7 @@ const copy = {
 };
 
 export default async function RootUiKitPage() {
-  const authenticated = isAdminAuthenticated();
+  const authenticated = await isAdminAuthenticated();
 
   if (!authenticated) {
     redirect("/");
@@ -30,7 +30,7 @@ export default async function RootUiKitPage() {
   async function logoutAction() {
     "use server";
 
-    clearAdminSessionCookie();
+    await clearAdminSessionCookie();
     redirect("/");
   }
 

app/uploads/media/[...segments]/route.ts

@@ -5,9 +5,9 @@ import path from "path";
 import { resolveMediaUploadPath } from "@/lib/media-storage";
 
 type MediaFileRouteProps = {
-  params: {
+  params: Promise<{
     segments: string[];
-  };
+  }>;
 };
 
 export const dynamic = "force-dynamic";
@@ -23,7 +23,8 @@ const CONTENT_TYPES: Record<string, string> = {
 };
 
 export async function GET(_: Request, { params }: MediaFileRouteProps) {
-  const relativePath = params.segments.join("/");
+  const { segments } = await params;
+  const relativePath = segments.join("/");
   const publicPath = `/uploads/media/${relativePath}`;
 
   try {