GraphQL-Codegen x Nextra 3

website/next-sitemap.config.cjs

@@ -2,4 +2,5 @@
 module.exports = {
   siteUrl: process.env.SITE_URL || 'https://the-guild.dev/graphql/codegen',
   generateIndexSitemap: false,
+  exclude: ['*/_meta'],
 };

website/package.json

@@ -68,17 +68,17 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@mendable/search": "0.0.155",
     "@monaco-editor/react": "4.5.2",
-    "@theguild/components": "5.2.1",
+    "@theguild/components": "^6.0.1",
     "classnames": "2.3.2",
     "date-fns": "2.29.3",
     "dedent": "0.7.0",
     "graphql": "16.8.0",
     "js-yaml": "4.1.0",
-    "next": "13.4.2",
+    "next": "^13.5.4",
     "next-mdx-remote": "4.4.1",
     "next-sitemap": "4.2.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-markdown": "8.0.7",
     "react-select": "5.7.4",
     "typescript-json-schema": "0.56.0"

website/src/components/plugin.tsx

@@ -1,15 +1,15 @@
 import { ReactElement } from 'react';
-import { useSSG, Tab, Tabs, Callout } from '@theguild/components';
+import { useData, Tabs, Callout } from '@theguild/components';
 import { MDXRemote } from 'next-mdx-remote';
 
 export function PluginHeader(): ReactElement {
   // Get the data from SSG, and render it as a component.
-  const { compiledHeader } = useSSG();
-  return <MDXRemote compiledSource={compiledHeader} components={{ $Tab: Tab, $Tabs: Tabs, Callout }} />;
+  const { compiledHeader } = useData();
+  return <MDXRemote compiledSource={compiledHeader} components={{ $Tabs: Tabs, Callout }} />;
 }
 
 export const PluginApiDocs = (): ReactElement => {
   // Get the data from SSG, and render it as a component.
-  const { compiledSource } = useSSG();
+  const { compiledSource } = useData();
   return <MDXRemote compiledSource={compiledSource} />;
 };

website/src/components/plugins-page.tsx

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { fetchPackageInfo, MarketplaceSearch, useSSG } from '@theguild/components';
+import { fetchPackageInfo, MarketplaceSearch, useData } from '@theguild/components';
 import { compareDesc } from 'date-fns';
 import { CategoryToPackages } from '@/category-to-packages.mjs';
 import { ALL_TAGS, Icon, icons, PACKAGES } from '@/lib/plugins';
@@ -39,16 +39,14 @@ export const getStaticProps = async () => {
   return {
     props: {
       // We add an `ssg` field to the page props,
-      // which will be provided to the Nextra's `useSSG` hook.
+      // which will be provided to the Nextra's `useData` hook.
       ssg: plugins,
     },
-    // Revalidate at most once every 1 hour
-    revalidate: 60 * 60,
   };
 };
 
 export function PluginsPage() {
-  const plugins = useSSG() as Plugin[];
+  const plugins = useData() as Plugin[];
 
   const marketplaceItems = useMemo(
     () =>

website/src/pages/_app.tsx

@@ -0,0 +1,6 @@
+import '@theguild/components/style.css';
+import { AppProps } from 'next/app';
+
+export default function App({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />;
+}

website/src/pages/_meta.ts

@@ -0,0 +1,21 @@
+export default {
+  index: {
+    title: 'Home',
+    type: 'page',
+    display: 'hidden',
+    theme: {
+      layout: 'raw',
+    },
+  },
+  docs: {
+    title: 'Docs',
+    type: 'page',
+  },
+  plugins: {
+    title: 'Plugins',
+    type: 'page',
+    theme: {
+      layout: 'raw',
+    },
+  },
+};

website/src/pages/docs/_meta.ts

@@ -0,0 +1,9 @@
+export default {
+  'getting-started': 'Getting Started',
+  guides: 'Guides',
+  'config-reference': 'Config Reference',
+  advanced: 'Advanced Usage',
+  integrations: 'Integrations',
+  'custom-codegen': 'Writing Plugins',
+  migration: 'Migration Guides',
+};

website/src/pages/docs/advanced/_meta.ts

@@ -0,0 +1,7 @@
+export default {
+  'generated-files-colocation': 'Generated files colocation',
+  'programmatic-usage': 'Programmatic Usage',
+  'how-does-it-work': 'How does it work?',
+  profiler: 'Profiler',
+  'document-transform': 'Document Transform',
+};

website/src/pages/docs/config-reference/_meta.ts

@@ -0,0 +1,10 @@
+export default {
+  'codegen-config': 'codegen.ts',
+  'schema-field': 'schema field',
+  'documents-field': 'documents field',
+  'config-field': 'plugin config',
+  'require-field': 'require field',
+  'naming-convention': 'Naming Convention',
+  'lifecycle-hooks': 'Lifecycle Hooks',
+  'multiproject-config': 'Multi Project',
+};

website/src/pages/docs/custom-codegen/_meta.ts

@@ -0,0 +1,8 @@
+export default {
+  index: 'What are Plugins?',
+  'plugin-structure': 'Plugin structure',
+  'validate-configuration': 'Validate Configuration',
+  'extend-schema': 'Extend Schema',
+  'using-visitor': 'Using Visitor Pattern',
+  contributing: 'Contributing',
+};

website/src/pages/docs/getting-started/_meta.ts

@@ -0,0 +1,6 @@
+export default {
+  index: 'Introduction',
+  installation: 'Installation',
+  'development-workflow': 'Development workflow',
+  'esm-typescript-usage': 'ESM TypeScript usage',
+};