Make the pages render without errors

Author: hasparus

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/src/app/(content-pages)/docs/[[...mdxPath]]/legacy-docs-banner.tsx

@@ -0,0 +1,14 @@
+import Link from 'next/link';
+import { Anchor, Callout } from '@theguild/components';
+
+export function LegacyDocsBanner() {
+  return (
+    <Callout type="warning">
+      This is the documentation for the <b>old</b> GraphQL Mesh version v0. We recommend upgrading
+      to the latest GraphQL Mesh version v1.
+      <Anchor href="/v1/migration-from-v0" className="block">
+        Migrate to GraphQL Mesh v1
+      </Anchor>
+    </Callout>
+  );
+}

website/src/app/(landing-pages)/page.tsx

@@ -0,0 +1,6 @@
+export const metadata = {
+  title: 'GraphQL Mesh',
+  description: 'A fully-featured GraphQL gateway framework',
+};
+
+export { IndexPage as default } from '../../components/index-page';

website/src/app/_meta.tsx

@@ -1,40 +1,10 @@
-import Link from 'next/link';
-import { Callout } from '@theguild/components';
+// import { PRODUCTS_MENU_LIST } from '@theguild/components/products';
 
-function LegacyDocsBanner() {
-  return (
-    <Callout type="warning">
-      This is the documentation for the <b>old</b> GraphQL Mesh version v0. We recommend upgrading
-      to the latest GraphQL Mesh version v1.
-      <br />
-      <br />
-      <Link
-        href={`/v1/migration-from-v0`}
-        className="_text-primary-600 _underline _decoration-from-font [text-underline-position:from-font]"
-      >
-        Migrate to GraphQL Mesh v1
-      </Link>
-    </Callout>
-  );
-}
-
-export default {
-  index: {
-    title: 'Home',
-    type: 'page',
-    display: 'hidden',
-    theme: {
-      layout: 'raw',
-    },
-  },
+const meta = {
   examples: {
     title: 'Examples',
     type: 'page',
     display: 'hidden',
-    theme: {
-      layout: 'raw',
-      footer: false,
-    },
   },
   v1: {
     title: 'v1',
@@ -43,8 +13,45 @@ export default {
   docs: {
     title: 'v0',
     type: 'page',
-    theme: {
-      topContent: LegacyDocsBanner,
+  },
+  // #region shared items between all websites
+  // TODO: Move it to shared layout.
+  // products: PRODUCTS_MENU_LIST,
+  ecosystem: {
+    title: 'Ecosystem',
+    type: 'page',
+    href: 'https://the-guild.dev/graphql/hive/ecosystem',
+  },
+  blog: {
+    title: 'Blog',
+    type: 'page',
+    href: 'https://the-guild.dev/blog',
+  },
+  github: {
+    title: 'GitHub',
+    type: 'page',
+    href: 'https://github.com/ardatan/graphql-mesh',
+  },
+  'the-guild': {
+    title: 'The Guild',
+    type: 'menu',
+    items: {
+      'about-us': {
+        title: 'About Us',
+        href: 'https://the-guild.dev/about-us',
+      },
+      'brand-assets': {
+        title: 'Brand Assets',
+        href: 'https://the-guild.dev/logos',
+      },
     },
   },
+  'graphql-foundation': {
+    title: 'GraphQL Foundation',
+    type: 'page',
+    href: 'https://graphql.org/community/foundation/',
+  },
+  // #endregion
 };
+
+export default meta;

website/src/app/page.tsx

@@ -48,9 +48,9 @@ export async function HiveInnerLayout({
 }) {
   const [meta, ...pageMap] = await getPageMap();
 
-  const productsPage = pageMap.find(p => 'name' in p && p.name === 'products')!;
-  // @ts-expect-error -- this should be fixed in Nextra, without route, the collapsible doesn't work
-  productsPage.route = '#';
+  // const productsPage = pageMap.find(p => 'name' in p && p.name === 'products')!;
+  // // @ts-expect-error -- this should be fixed in Nextra, without route, the collapsible doesn't work
+  // productsPage.route = '#';
 
   return (
     <NextraLayout