From 275a23f583ca8da6aa17e1df361818b558baf984 Mon Sep 17 00:00:00 2001
From: Dominik Koch <dominik@koch-bautechnik.de>
Date: Thu, 24 Jul 2025 13:35:06 +0200
Subject: [PATCH] fix: clean up code and add canonical url

---
 apps/web/src/app/metadata.ts   | 21 ++++++---------------
 apps/web/src/app/page.tsx      |  8 ++++++++
 apps/web/src/constants/site.ts | 12 +++++++++++-
 3 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/apps/web/src/app/metadata.ts b/apps/web/src/app/metadata.ts
index de8cf6f0..0608974d 100644
--- a/apps/web/src/app/metadata.ts
+++ b/apps/web/src/app/metadata.ts
@@ -1,24 +1,15 @@
-import { Metadata } from "next";
-
-export const SITE_INFO = {
-  title: "OpenCut",
-  description:
-    "A simple but powerful video editor that gets the job done. In your browser.",
-  url: "https://opencut.app",
-  openGraphImage: "https://opencut.app/open-graph/default.jpg",
-  twitterImage: "/open-graph/default.jpg",
-  favicon: "/favicon.ico",
-};
+import type { Metadata } from "next";
+import { SITE_INFO, SITE_URL } from "@/constants/site";
 
 export const baseMetaData: Metadata = {
-  metadataBase: new URL("https://opencut.app"),
+  metadataBase: new URL(SITE_URL),
   title: SITE_INFO.title,
   description: SITE_INFO.description,
   openGraph: {
     title: SITE_INFO.title,
     description: SITE_INFO.description,
-    url: "https://opencut.app",
-    siteName: "OpenCut",
+    url: SITE_URL,
+    siteName: SITE_INFO.title,
     locale: "en_US",
     type: "website",
     images: [
@@ -26,7 +17,7 @@ export const baseMetaData: Metadata = {
         url: SITE_INFO.openGraphImage,
         width: 1200,
         height: 630,
-        alt: "OpenCut",
+        alt: "OpenCut Wordmark",
       },
     ],
   },
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index 74961549..818884ed 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -1,6 +1,14 @@
 import { Hero } from "@/components/landing/hero";
 import { Header } from "@/components/header";
 import { Footer } from "@/components/footer";
+import type { Metadata } from "next";
+import { SITE_URL } from "@/constants/site";
+
+export const metadata: Metadata = {
+  alternates: {
+    canonical: SITE_URL,
+  },
+};
 
 export default async function Home() {
   return (
diff --git a/apps/web/src/constants/site.ts b/apps/web/src/constants/site.ts
index 61ec29c1..efbc2b58 100644
--- a/apps/web/src/constants/site.ts
+++ b/apps/web/src/constants/site.ts
@@ -1 +1,11 @@
-export const SITE_URL = "https://opencut.app";
\ No newline at end of file
+export const SITE_URL = "https://opencut.app";
+
+export const SITE_INFO = {
+    title: "OpenCut",
+    description:
+      "A simple but powerful video editor that gets the job done. In your browser.",
+    url: SITE_URL,
+    openGraphImage: "/open-graph/default.jpg",
+    twitterImage: "/open-graph/default.jpg",
+    favicon: "/favicon.ico",
+  };
\ No newline at end of file