feat: add metadata to page.tsx

rikhall1515 · Apr 19, 2024 · 17d7032 · 17d7032
1 parent 6602372
commit 17d7032
Showing 1 changed file with 61 additions and 0 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,5 +1,66 @@
+import type { Metadata } from "next";
 import Image from "next/image";
 
+import { env } from "@/env/client";
+
+export const metadata: Metadata = {
+  title: "NextJS Template",
+  alternates: {
+    canonical: "/",
+  },
+  icons: {
+    apple: "/static/favicon/apple-touch-icon.png",
+    other: [
+      {
+        rel: "alternate icon",
+        sizes: "48x48",
+        url: "/static/favicon/favicon.ico",
+      },
+      {
+        rel: "icon",
+        type: "image/svg+xml",
+        sizes: "any",
+        url: "/static/favicon/favicon.svg",
+      },
+      {
+        rel: "icon",
+        type: "image/png",
+        sizes: "32x32",
+        url: "/static/favicon/favicon-32x32.png",
+      },
+      {
+        rel: "icon",
+        type: "image/png",
+        sizes: "16x16",
+        url: "/static/favicon/favicon-16x16.png",
+      },
+      {
+        rel: "mask-icon",
+        color: "#0e0813",
+        url: "/public/static/favicon/safari-pinned-tab.svg",
+      },
+    ],
+  },
+  openGraph: {
+    title: "NextJS Template - rikhall.proj",
+    description:
+      "This is a Next.JS template designed and made by Rikard Hallberg.",
+    url: env.NEXT_PUBLIC_BASE_URL,
+    images: "/static/og.png",
+    siteName: "RikardTemplate",
+    locale: "en_US",
+    type: "website",
+  },
+  twitter: {
+    title: "NextJS Template - rikhall.proj",
+    description:
+      "This is a Next.JS template designed and made by Rikard Hallberg.",
+    images: "/static/og.png",
+    card: "summary_large_image",
+    creator: "@rikhall1515",
+  },
+};
+
 export default function Home() {
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">