diff --git a/app/layout.tsx b/app/layout.tsx
index f0f9e62..14b186a 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,14 +2,29 @@ import { Analytics } from "@vercel/analytics/react";
 import { SpeedInsights } from "@vercel/speed-insights/next";
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
-import "./globals.css";
 
+import "./globals.css";
+import { env } from "@/env/client";
 import { VERCEL_ENV } from "@/next.constants.mjs";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  metadataBase: new URL(env.NEXT_PUBLIC_BASE_URL),
+  title: {
+    template: "%s | rikhall.proj",
+    default: "NextJS Template | rikhall.proj",
+  },
+  description: "This is a Next.JS template made by Rikard Hallberg.",
+  manifest: "/site.webmanifest",
+  creator: "Rikard Hallberg",
+  publisher: "Vercel",
+  referrer: "origin-when-cross-origin",
+  generator: "Next.js",
+  applicationName: "rikhall.proj",
+  authors: [{ name: "Rikard Hallberg", url: "https://rikardhallberg.com" }],
+  other: {
+    "msapplication-TileColor": "#0e0813",
+  },
 };
 
 export default function RootLayout({