SEO fix for missing metadata

Author: hoijnet

src/app/docs/javascript/page.tsx

@@ -9,6 +9,16 @@ import { Layout } from '../../../components/_layout'
 import props from '../../../../schema/javascript.json'
 import { OnThisPageContent } from '@/components/_onThisPage'
 import { useEffect, useState } from 'react'
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'TerminusDB Javascript Client API Reference',
+  description: 'TerminusDB Javascript Client API Reference documentation with every function and example for AccessControl, WOQLQuery, WOQLLibrary, View and WOQL.',
+  metadataBase: new URL('https://terminusdb.org'),
+  alternates: {
+    canonical: '/docs/javascript/',
+  },
+}
 
 export default function JavaScript() {
   const [onPageContent, setOnPageContent] = useState<JSX.Element | null>(null)

src/app/docs/openapi/page.tsx

@@ -4,8 +4,19 @@ import { SwaggerDark } from './SwaggerDark'
 import { SwaggerLight } from './SwaggerLight'
 import { useEffect, useState } from 'react'
 import { useMediaQuery } from 'usehooks-ts'
+import { Metadata } from 'next'
 // const SwaggerUI = dynamic(import('swagger-ui-react'), { ssr: false })
 
+export const metadata: Metadata = {
+  title: 'TerminusDB OpenAPI API reference',
+  description: 'TerminusDB OpenAPI spec documentation with every API call and associated examples and information',
+  metadataBase: new URL('https://terminusdb.org'),
+  alternates: {
+    canonical: '/docs/openapi/',
+  },
+}
+
+
 const OpenApi = () => {
   return (
     <div className="w-full max-w-2xl min-w-0 flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16">

src/app/docs/python/page.tsx

@@ -5,11 +5,19 @@ import {
   formatShortHandAnchorIds,
   formatAnchorIds,
 } from '../../../utils'
-import menu from '../../../menu.json'
-import { Layout } from '../../../components/_layout'
 import props from '../../../../schema/python.json'
 import { OnThisPageContent } from '@/components/_onThisPage'
 import { useEffect, useState } from 'react'
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'TerminusDB Python Client API Reference',
+  description: 'TerminusDB Python Client API Reference documentation with every function and example for the Python Client library.',
+  metadataBase: new URL('https://terminusdb.org'),
+  alternates: {
+    canonical: '/docs/python/',
+  },
+}
 
 export default function Python() {
   const [onPageContent, setOnPageContent] = useState<JSX.Element | null>(null)

src/app/not-found.tsx

@@ -1,5 +1,16 @@
+import { Metadata } from 'next'
 import Link from 'next/link'
 
+export const metadata: Metadata = {
+  title: 'TerminusDB Page Not Found',
+  description: 'TerminusDB 404 Page Not Found page, hope you find what you are looking for at our other pages and through the base homepage',
+  metadataBase: new URL('https://terminusdb.org'),
+  alternates: {
+    canonical: '/404/',
+  },
+}
+
+
 export default function NotFound() {
   return (
     <div className="max-w-2xl min-w-0 flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16">