Add layout metadata, favicon, manifest and sitemap

Author: davidemarcoli

app/(home)/layout.tsx

@@ -1,6 +1,22 @@
 import { HomeLayout } from 'fumadocs-ui/layouts/home';
-import { baseOptions } from '@/lib/layout.shared';
+import { homeOptions } from '@/lib/layout.shared';
+
+export const metadata = {
+  title: 'Riven',
+  description: 'Riven - The Ultimate Media Management Solution',
+  manifest: '/manifest.webmanifest',
+  keywords: ['Riven', 'Media', 'Debrid', 'Streaming'],
+  metadataBase: new URL(process.env.NEXT_PUBLIC_BASE_URL ?? "https://riven.tv"),
+  robots: {
+    index: true,
+    follow: true,
+    noimageindex: false,
+    "max-video-preview": -1,
+    "max-image-preview": "large",
+    "max-snippet": -1,
+  },
+};
 
 export default function Layout({ children }: LayoutProps<'/'>) {
-  return <HomeLayout {...baseOptions()}>{children}</HomeLayout>;
+  return <HomeLayout {...homeOptions()}>{children}</HomeLayout>;
 }

app/favicon.ico

@@ -0,0 +1,76 @@
+{
+    "theme_color": "#020817",
+    "background_color": "#020817",
+    "display": "standalone",
+    "scope": "/",
+    "start_url": "/",
+    "name": "Riven",
+    "short_name": "Riven",
+    "description": "Riven - The Ultimate Media Management Solution",
+    "icons": [
+        {
+            "src": "/icons/icon-48x48.png",
+            "sizes": "48x48",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/icon-72x72.png",
+            "sizes": "72x72",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/icon-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/icon-128x128.png",
+            "sizes": "128x128",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/icon-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/icon-152x152.png",
+            "sizes": "152x152",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/icon-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/icon-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/icon-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/icon-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "shortcuts": [
+        {
+            "name": "Riven Docs",
+            "short_name": "Docs",
+            "description": "Read the docs for the Riven application",
+            "url": "/docs"
+        },
+        {
+            "name": "Getting Started",
+            "short_name": "Getting Started",
+            "description": "Learn how to set up and use Riven",
+            "url": "/docs#getting-started"
+        }
+    ]
+}

app/manifest.webmanifest

@@ -0,0 +1,64 @@
+import { source } from '@/lib/source';
+import type { MetadataRoute } from 'next'
+
+export const revalidate = false;
+
+const baseUrl = "https://riven.tv";
+
+const getFullUrl = (url: string) => {
+  if (url.startsWith('http://') || url.startsWith('https://')) {
+    return url;
+  }
+  return baseUrl + url;
+}
+
+function getAllPagesUrls(tree: any): string[] {
+  let urls: string[] = [];
+
+  if (tree.children && tree.children.length > 0) {
+    for (const child of tree.children) {
+      urls = urls.concat(getAllPagesUrls(child));
+    }
+  }
+
+  if (tree.type === 'folder') {
+    console.log(tree)
+    if (tree.index && tree.index.url) {
+      urls.push(getFullUrl(tree.index.url));
+    } else if (tree.children?.length > 0) {
+      for (const child of tree.children) {
+        urls = urls.concat(getAllPagesUrls(child));
+      }
+    }
+  } else if (tree.type === 'page') {
+    urls.push(getFullUrl(tree.url));
+  }
+
+  return urls;
+}
+ 
+export default function sitemap(): MetadataRoute.Sitemap {
+
+  const tree = source.getPageTree();
+  const pageUrls = getAllPagesUrls(tree);
+    const sitemapEntries = pageUrls.map(url => ({
+    url,
+    lastModified: new Date(),
+  }));
+
+  return [
+    {
+      url: 'https://riven.tv/',
+      lastModified: new Date(),
+      changeFrequency: 'yearly',
+      priority: 1,
+    },
+    {
+      url: 'https://riven.tv/docs',
+      lastModified: new Date(),
+      changeFrequency: 'monthly',
+      priority: 0.8,
+    },
+    ...sitemapEntries,
+  ]
+}

app/sitemap.ts

@@ -30,3 +30,20 @@ export function baseOptions(): BaseLayoutProps {
     links: [],
   };
 }
+
+export function homeOptions(): BaseLayoutProps {
+  return {
+    nav: {
+      title: (
+        <>
+          <Image src="/logo.png" alt="Logo" width={24} height={24} />
+          Riven
+        </>
+      ),
+    },
+    // see https://fumadocs.dev/docs/ui/navigation/links
+    links: [
+      { url: '/docs', text: 'Docs', type: 'main' },
+    ],
+  };
+}