Next.js 15.3.0 (#231)

1. Upgrade to Next.js 15.3.0
2. Formatted files

apps/dev-tool/app/page.tsx

@@ -14,15 +14,13 @@ export default async function DashboardPage(props: DashboardPageProps) {
   const mode = (await props.searchParams).mode ?? 'development';
   const connectivityService = createConnectivityService(mode);
 
-  const [
-    supabaseStatus,
-    supabaseAdminStatus,
-    stripeStatus,
-  ] = await Promise.all([
-    connectivityService.checkSupabaseConnectivity(),
-    connectivityService.checkSupabaseAdminConnectivity(),
-    connectivityService.checkStripeConnected(),
-  ]);
+  const [supabaseStatus, supabaseAdminStatus, stripeStatus] = await Promise.all(
+    [
+      connectivityService.checkSupabaseConnectivity(),
+      connectivityService.checkSupabaseAdminConnectivity(),
+      connectivityService.checkStripeConnected(),
+    ],
+  );
 
   return (
     <Page style={'custom'}>

apps/dev-tool/package.json

@@ -9,9 +9,9 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^5.0.1",
-    "@tanstack/react-query": "5.72.1",
+    "@tanstack/react-query": "5.72.2",
     "lucide-react": "^0.487.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
     "nodemailer": "^6.10.0",
     "react": "19.1.0",
     "react-dom": "19.1.0"
@@ -26,7 +26,7 @@
     "@types/node": "^22.14.0",
     "@types/nodemailer": "6.4.17",
     "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.1",
+    "@types/react-dom": "19.1.2",
     "babel-plugin-react-compiler": "19.0.0-beta-e993439-20250405",
     "pino-pretty": "^13.0.0",
     "react-hook-form": "^7.55.0",

apps/web/app/(marketing)/_components/site-header-account-section.tsx

@@ -50,7 +50,7 @@ export function SiteHeaderAccountSection() {
 
 function AuthButtons() {
   return (
-    <div className={'flex gap-x-2.5 animate-in fade-in duration-500'}>
+    <div className={'animate-in fade-in flex gap-x-2.5 duration-500'}>
       <div className={'hidden md:flex'}>
         <If condition={features.enableThemeToggle}>
           <ModeToggle />

apps/web/app/(marketing)/layout.tsx

@@ -14,4 +14,4 @@ function SiteLayout(props: React.PropsWithChildren) {
   );
 }
 
-export default withI18n(SiteLayout);
+export default withI18n(SiteLayout);

apps/web/app/(marketing)/page.tsx

@@ -96,15 +96,13 @@ function Home() {
               ></FeatureCard>
 
               <FeatureCard
-                className={
-                  'relative col-span-1 w-full overflow-hidden'
-                }
+                className={'relative col-span-1 w-full overflow-hidden'}
                 label={'Authentication'}
                 description={`Makerkit provides a variety of providers to allow your users to sign in.`}
               ></FeatureCard>
 
               <FeatureCard
-                className={'relative overflow-hidden col-span-1'}
+                className={'relative col-span-1 overflow-hidden'}
                 label={'Multi Tenancy'}
                 description={`Multi tenant memberships for your SaaS business.`}
               />

apps/web/package.json

@@ -55,11 +55,11 @@
     "@marsidev/react-turnstile": "^1.1.0",
     "@radix-ui/react-icons": "^1.3.2",
     "@supabase/supabase-js": "2.49.4",
-    "@tanstack/react-query": "5.72.1",
+    "@tanstack/react-query": "5.72.2",
     "@tanstack/react-table": "^8.21.2",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.487.0",
-    "next": "15.2.5",
+    "next": "15.3.0",
     "next-sitemap": "^4.2.3",
     "next-themes": "0.4.6",
     "react": "19.1.0",
@@ -75,11 +75,11 @@
     "@kit/eslint-config": "workspace:*",
     "@kit/prettier-config": "workspace:*",
     "@kit/tsconfig": "workspace:*",
-    "@next/bundle-analyzer": "15.2.5",
+    "@next/bundle-analyzer": "15.3.0",
     "@tailwindcss/postcss": "^4.1.3",
     "@types/node": "^22.14.0",
     "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.1",
+    "@types/react-dom": "19.1.2",
     "babel-plugin-react-compiler": "19.0.0-beta-e993439-20250405",
     "cssnano": "^7.0.6",
     "pino-pretty": "^13.0.0",

apps/web/postcss.config.mjs

@@ -3,4 +3,4 @@ export default {
     '@tailwindcss/postcss': {},
     ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {}),
   },
-};
+};