feat: alternative meta

Author: xiaoyu2er

apps/docs/src/app/(home)/page.tsx

@@ -1,3 +1,4 @@
+import { createMetadata } from '@/lib/metadata';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 
@@ -119,3 +120,9 @@ export default function HomePage() {
     </main>
   );
 }
+
+export async function generateMetadata() {
+  return createMetadata({
+    pathname: '/',
+  });
+}

apps/docs/src/app/layout.tsx

@@ -1,4 +1,4 @@
-import { NextIntlClientProvider, hasLocale } from 'next-intl';
+import { NextIntlClientProvider } from 'next-intl';
 import './global.css';
 import { Provider } from '@/app/provider';
 
@@ -11,7 +11,6 @@ import { getLangDir } from 'rtl-detect';
 
 export async function generateMetadata() {
   const t = await getTranslations('meta');
-
   return createMetadata({
     title: {
       template: `%s | ${t('title')}`,

apps/docs/src/lib/source.ts

@@ -7,6 +7,7 @@ import * as icons from '@/mdx/Icon';
 import { loader } from 'fumadocs-core/source';
 import { createMDXSource } from 'fumadocs-mdx';
 import { createElement } from 'react';
+import { getDocUrl } from './utils';
 
 // See https://fumadocs.dev//docs/headless/source-api for more info
 export const docs = loader({
@@ -18,14 +19,7 @@ export const docs = loader({
       return createElement(icons[icon as keyof typeof icons]);
   },
   url(slugs) {
-    // remove \d\d- from slug
-    const url = `/docs/${slugs
-      .map((slug) => {
-        return slug.replace(/^\d\d-/, '');
-      })
-      .join('/')}`;
-
-    return url;
+    return getDocUrl(slugs);
   },
   // https://fumadocs.dev/docs/headless/source-api#page-tree-1
   pageTree: {

apps/docs/src/lib/utils.ts

@@ -124,12 +124,26 @@ export const parseDocId = (id: string) => {
     whereTag,
   };
 };
-
-export function getDocUrl(slug: string[] | string | undefined) {
-  if (typeof slug === 'string') {
-    return `/docs/${slug}`;
+export function removeTrailingSlash(url: string) {
+  return url.endsWith('/') ? url.slice(0, -1) : url;
+}
+export function removeLeadingSlash(url: string) {
+  return url.startsWith('/') ? url.slice(1) : url;
+}
+export function getDocUrl(slugs: string[] | string | undefined) {
+  if (!slugs || slugs === '/') {
+    return '/docs';
+  }
+  if (typeof slugs === 'string') {
+    return removeTrailingSlash(`/docs/${removeLeadingSlash(slugs)}`);
   }
-  return `/docs/${(slug || []).join('/')}`;
+  return removeTrailingSlash(
+    `/docs/${(
+      slugs.map((slug) => {
+        return slug.replace(/^\d\d-/, '');
+      })
+    ).join('/')}`,
+  );
 }
 
 export function getLearnUrl(slug: string[] | string | undefined) {