update next.js

apps/docs/package.json

@@ -2,7 +2,7 @@
   "name": "docs",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"
@@ -14,7 +14,7 @@
     "codesandbox": "^2.2.3",
     "date-fns": "^3.6.0",
     "gray-matter": "^4.0.3",
-    "next": "15.0.0-rc.0",
+    "next": "rc",
     "next-themes": "^0.3.0",
     "react": "catalog:",
     "react-dom": "catalog:",

apps/docs/src/app/(docs)/[...slug]/page.tsx

@@ -10,7 +10,8 @@ type PageProps = {
   }
 }
 
-export const generateMetadata = ({ params }: PageProps) => {
+export const generateMetadata = async (props: PageProps) => {
+  const params = await props.params;
   const { slug } = params
   const docs = getDocData(slug)
 
@@ -25,7 +26,8 @@ export async function generateStaticParams() {
   return slugs
 }
 
-export default async function PageLayout({ params }: PageProps) {
+export default async function PageLayout(props: PageProps) {
+  const params = await props.params;
   const { slug } = params
   const docs = getDocData(slug)
 

apps/docs/src/app/globals.css

@@ -47,7 +47,8 @@ html {
 }
 
 /* dark mode switch transition */
-::view-transition-old(root) ::view-transition-new(root) {
+::view-transition-old(root),
+::view-transition-new(root) {
   animation: none;
   mix-blend-mode: normal;
 }

apps/docs/src/app/layout.tsx

@@ -1,15 +1,11 @@
 import './globals.css'
 
 import { Metadata } from 'next'
-import { config } from '@/lib/config'
 import { poppins } from './fonts'
 
 export const metadata: Metadata = {
-  title: {
-    default: config.metadata.title,
-    template: '%s | Actify'
-  },
-  description: config.metadata.description,
+  title: 'Actify',
+  description: 'React Material Design 3 Components Library',
   icons: {
     icon: '/favicon.ico',
     shortcut: '/short-cut-icon.png',