Merge pull request #62 from ibelem/google-search-fix

fix: Google Search canonical/hreflang issues and Next.js 16 proxy migration

Author: ibelem

app/[lang]/[[...mdxPath]]/page.jsx

@@ -6,7 +6,18 @@ export const generateStaticParams = generateStaticParamsFor('mdxPath')
 export async function generateMetadata(props) {
   const params = await props.params;
   const { metadata } = await importPage(params.mdxPath, params.lang);
-  return metadata;
+  const pagePath = params.mdxPath ? params.mdxPath.join('/') : '';
+  return {
+    ...metadata,
+    alternates: {
+      canonical: `https://webnn.io/${params.lang}${pagePath ? '/' + pagePath : ''}`,
+      languages: {
+        'en': `https://webnn.io/en${pagePath ? '/' + pagePath : ''}`,
+        'zh': `https://webnn.io/zh${pagePath ? '/' + pagePath : ''}`,
+        'x-default': `https://webnn.io/en${pagePath ? '/' + pagePath : ''}`,
+      },
+    },
+  };
 }
 
 const Wrapper = useMDXComponents().wrapper;

app/[lang]/layout.jsx

@@ -48,11 +48,6 @@ export const metadata = {
   },
   alternates: {
     canonical: './',
-    languages: {
-      'en': '/en',
-      'zh': '/zh',
-      'x-default': '/en',
-    },
   },
   robots: {
     index: true,

app/[lang]/playground/page.jsx

@@ -1,6 +1,20 @@
 import { Playground } from '../../_components/playground'
 import { GoogleAnalytics } from '@next/third-parties/google'
 
+export async function generateMetadata(props) {
+  const { lang } = await props.params;
+  return {
+    alternates: {
+      canonical: `https://webnn.io/${lang}/playground`,
+      languages: {
+        'en': 'https://webnn.io/en/playground',
+        'zh': 'https://webnn.io/zh/playground',
+        'x-default': 'https://webnn.io/en/playground',
+      },
+    },
+  };
+}
+
 export default function Page() {
   return (
     <div>

app/[lang]/showcase/page.jsx

@@ -1,6 +1,20 @@
 import { Showcases } from "../../_components/showcases/showcases.jsx"
 import { GoogleAnalytics } from '@next/third-parties/google'
 
+export async function generateMetadata(props) {
+  const { lang } = await props.params;
+  return {
+    alternates: {
+      canonical: `https://webnn.io/${lang}/showcase`,
+      languages: {
+        'en': 'https://webnn.io/en/showcase',
+        'zh': 'https://webnn.io/zh/showcase',
+        'x-default': 'https://webnn.io/en/showcase',
+      },
+    },
+  };
+}
+
 export default async function Page() {
   return (
     <div className="md:px-8 xl:px-8">

content/en/index.mdx

@@ -1,3 +1,7 @@
+---
+title: WebNN Docs
+---
+
 import Netron from '../../app/_components/netron/netron'
 import Hero from '../../app/_components/home/hero'
 import HeroBackground from '../../app/_components/home/bg'

content/zh/index.mdx

@@ -1,3 +1,7 @@
+---
+title: WebNN 文档
+---
+
 import Netron from '../../app/_components/netron/netron'
 import HeroCh from '../../app/_components/home/hero-ch'
 import HeroBackground from '../../app/_components/home/bg'

middleware.js

@@ -0,0 +1,8 @@
+export { proxy } from 'nextra/locales'
+
+export const config = {
+  // Matcher for locale routing - includes root path
+  matcher: [
+    '/((?!api|_next/static|_next/image|favicon.ico|icon.svg|icon-512.png|apple-icon.png|android-chrome-512x512.png|manifest|_pagefind|llms.txt|netron|demos|robots.txt|sitemap.xml|.well-known).*)'
+  ]
+}