feat: let not-found page work with locale

2025-06-26 18:27:59 +00:00 · 2024-09-05 20:19:10 +08:00
parent 458ddc6e0a
commit d3108ebf65
7 changed files with 199 additions and 119 deletions
--- a/apps/website/app/layout.tsx
+++ b/apps/website/app/layout.tsx
@@ -1,85 +1,11 @@
-import clsx from "clsx";
-import { Inter, Lexend } from "next/font/google";
-import "@/styles/tailwind.css";
-import GoogleAnalytics from "@/components/analitycs/google";
-import type { Metadata } from "next";
+import { ReactNode } from 'react'

-export const metadata: Metadata = {
-	title: {
-		default: "Dokploy - Effortless Deployment Solutions",
-		template: "%s | Simplify Your DevOps",
-	},
-	alternates: {
-		canonical: "https://dokploy.com",
-		languages: {
-			en: "https://dokploy.com",
-		},
-	},
-	description:
-		"Streamline your deployment process with Dokploy. Effortlessly manage applications and databases on any VPS using Docker and Traefik for improved performance and security.",
-	applicationName: "Dokploy",
-	keywords: [
-		"Dokploy",
-		"Docker",
-		"Traefik",
-		"deployment",
-		"VPS",
-		"application management",
-		"database management",
-		"DevOps",
-		"cloud infrastructure",
-		"UI Self hosted",
-	],
-	referrer: "origin",
-	robots: "index, follow",
-	openGraph: {
-		type: "website",
-		url: "https://dokploy.com",
-		title: "Dokploy - Effortless Deployment Solutions",
-		description:
-			"Simplify your DevOps with Dokploy. Deploy applications and manage databases efficiently on any VPS.",
-		siteName: "Dokploy",
-		images: [
-			{
-				url: "http://dokploy.com/og.png",
-			},
-		],
-	},
-	twitter: {
-		card: "summary_large_image",
-		site: "@Dokploy",
-		creator: "@Dokploy",
-		title: "Dokploy - Simplify Your DevOps",
-		description:
-			"Deploy applications and manage databases with ease using Dokploy. Learn how our platform can elevate your infrastructure management.",
-		images: "https://dokploy.com/og.png",
-	},
-};
-
-const inter = Inter({
-	subsets: ["latin"],
-	display: "swap",
-	variable: "--font-inter",
-});
-
-const lexend = Lexend({
-	subsets: ["latin"],
-	display: "swap",
-	variable: "--font-lexend",
-});
-
-export default function RootLayout({
-	children,
-}: {
-	children: React.ReactNode;
-}) {
-	return (
-		<html
-			lang="en"
-			className={clsx("h-full scroll-smooth ", inter.variable, lexend.variable)}
-		>
-			<GoogleAnalytics />
-			<body className="flex h-full flex-col">{children}</body>
-		</html>
-	);
+type Props = {
+	children: ReactNode
+}
+
+// Since we have a `not-found.tsx` page on the root, a layout file
+// is required, even if it's just passing children through.
+export default function RootLayout({ children }: Props) {
+	return children
 }