adjust Next.js Metadata tags and add export { normalizePages } from 'nextra/normalize-pages' (#1897)

Author: dimaMachina

.changeset/forty-windows-punch.md

@@ -0,0 +1,5 @@
+---
+'@theguild/components': patch
+---
+
+adjust Next.js Metadata tags

.changeset/seven-dolls-give.md

@@ -0,0 +1,5 @@
+---
+'@theguild/components': patch
+---
+
+add `export { normalizePages } from 'nextra/normalize-pages'`

packages/components/src/index.ts

@@ -20,6 +20,7 @@ export * from './types/components';
 export * from './logos';
 export { cn } from './cn';
 export * from './next-types';
+export { normalizePages } from 'nextra/normalize-pages';
 
 declare module 'react' {
   interface CSSProperties {

packages/components/src/server/theme-layout.tsx

@@ -183,12 +183,6 @@ export function getDefaultMetadata({
       site: 'https://the-guild.dev',
       creator: '@TheGuildDev',
     },
-    openGraph: {
-      siteName: websiteName,
-      type: 'website',
-      images: `https://og-image.the-guild.dev/?product=${productName}`,
-      url: siteUrl,
-    },
     applicationName: websiteName,
     appleWebApp: {
       title: websiteName,
@@ -198,8 +192,19 @@ export function getDefaultMetadata({
       follow: true,
     },
     alternates: {
-      canonical: siteUrl,
+      // https://github.com/vercel/next.js/discussions/50189#discussioncomment-10826632
+      canonical: './',
     },
+    metadataBase: new URL(siteUrl!),
     ...additionalMetadata,
+    openGraph: {
+      siteName: websiteName,
+      type: 'website',
+      images: `https://og-image.the-guild.dev/?product=${productName}`,
+      // https://github.com/vercel/next.js/discussions/50189#discussioncomment-10826632
+      url: './',
+      locale: 'en_US',
+      ...additionalMetadata.openGraph,
+    },
   };
 }

website/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

website/next.config.ts

@@ -10,4 +10,7 @@ export default withGuildDocs({
     // website:build: Error: Parsing error: Cannot read file '/users/dmytro/desktop/guild/docs/website/tsconfig.eslint.json'.
     ignoreDuringBuilds: true,
   },
+  env: {
+    SITE_URL: 'https://guild-docs.example',
+  },
 });