feat: add metadata to sign up page

rikhall1515 · Apr 19, 2024 · 8681165 · 8681165
1 parent 4cae56c
commit 8681165
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 2 deletions.
diff --git a/app/(public)/sign-in/page.tsx b/app/(public)/sign-in/page.tsx
@@ -51,15 +51,15 @@ export const metadata: Metadata = {
     title: "Sign In - rikhall.proj",
     description: "The sign in page for the NextJS template.",
     url: env.NEXT_PUBLIC_BASE_URL,
-    images: "/next-data/og",
+    images: "/next-data/og?title=Sign%20In",
     siteName: "RikardTemplate",
     locale: "en_US",
     type: "website",
   },
   twitter: {
     title: "Sign In - rikhall.proj",
     description: "The sign in page for the NextJS template.",
-    images: "/next-data/og",
+    images: "/next-data/og?title=Sign%20In",
     card: "summary_large_image",
     creator: "@rikhall_",
   },

diff --git a/app/(public)/sign-up/page.tsx b/app/(public)/sign-up/page.tsx
@@ -1,3 +1,4 @@
+import type { Metadata } from "next";
 import { headers } from "next/headers";
 import Image from "next/image";
 import Link from "next/link";
@@ -7,6 +8,63 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { createClient } from "@/db/server";
+import { env } from "@/env/client";
+
+export const metadata: Metadata = {
+  title: "Sign Up",
+  alternates: {
+    canonical: "/sign-in",
+  },
+  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: "Sign Up - rikhall.proj",
+    description: "Register an account with the NextJS template.",
+    url: env.NEXT_PUBLIC_BASE_URL,
+    images: "/next-data/og?title=Sign%20Up",
+    siteName: "RikardTemplate",
+    locale: "en_US",
+    type: "website",
+  },
+  twitter: {
+    title: "Sign Up - rikhall.proj",
+    description: "Register an account with the NextJS template.",
+    images: "/next-data/og?title=Sign%20Up",
+    card: "summary_large_image",
+    creator: "@rikhall_",
+  },
+};
 
 export default function Component() {
   const signUp = async (formData: FormData) => {