chore: remove unused translation files and dependencies to simplify codebase

Author: Mauricio Siu

apps/website/app/[locale]/_changelog/page.tsx

@@ -1,4 +1,10 @@
 // import { ScrollArea } from "@/components/ui/scroll-area";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+	title: "Changelog",
+	description: "Stay updated with the latest changes, improvements, and features in Dokploy",
+};
 
 // Datos de ejemplo del changelog
 const changelogEntries = [
@@ -57,7 +63,7 @@ const changelogEntries = [
 	},
 ];
 
-const Comp = () => {
+export default function ChangelogPage() {
 	return (
 		<div className="border-t border-border/30 bg-black py-20 sm:py-32">
 			<div className="absolute inset-0">
@@ -115,7 +121,12 @@ const Comp = () => {
 			</div>
 		</div>
 	);
-};
+}
+
+// Unused/old version below
+// const Comp = () => {
+//   ...
+// };
 
 // export default function Changelog() {
 // 	return (

apps/website/app/[locale]/privacy/page.tsx

@@ -1,3 +1,11 @@
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+	title: "Privacy Policy",
+	description:
+		"Learn about how Dokploy collects, uses, and safeguards your personal information when you use our website and services.",
+};
+
 export default function Home() {
 	return (
 		<div className="flex flex-col gap-4 w-full max-w-4xl mx-auto">

apps/website/app/[locale]/terms/page.tsx

@@ -1,3 +1,11 @@
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+	title: "Terms and Conditions",
+	description:
+		"Read the terms and conditions for using Dokploy's website and services.",
+};
+
 export default function Home() {
 	return (
 		<div className="flex flex-col gap-4 w-full max-w-4xl mx-auto">

apps/website/app/blog/[slug]/page.tsx

@@ -17,7 +17,6 @@ import { CodeBlock } from "./components/CodeBlock";
 import { H1, H2, H3 } from "./components/Headings";
 import { TableOfContents } from "./components/TableOfContents";
 import { ZoomableImage } from "./components/ZoomableImage";
-import { useTranslations } from "@/lib/intl";
 
 type Props = {
 	params: { slug: string };
@@ -72,7 +71,6 @@ export async function generateMetadata(
 
 export default async function BlogPostPage({ params }: Props) {
 	const { slug } = await params;
-	const t = useTranslations("blog");
 	const post = await getPost(slug);
 	const allPosts = await getPosts();
 
@@ -233,7 +231,7 @@ export default async function BlogPostPage({ params }: Props) {
 						clipRule="evenodd"
 					/>
 				</svg>
-				{t("backToBlog")}
+				Back to Blog
 			</Link>
 
 			<div className="grid grid-cols-1 lg:grid-cols-[1fr_250px] gap-8">
@@ -313,7 +311,7 @@ export default async function BlogPostPage({ params }: Props) {
 
 					{post.tags && post.tags.length > 0 && (
 						<div className="mt-12 pt-6 border-t border-border">
-							<h2 className="text-xl font-semibold mb-4">{t("tags")}</h2>
+							<h2 className="text-xl font-semibold mb-4">Tags</h2>
 							<div className="flex flex-wrap gap-2">
 								{post.tags.map((tag) => (
 									<Link
@@ -338,7 +336,7 @@ export default async function BlogPostPage({ params }: Props) {
 
 			{relatedPosts.length > 0 && (
 				<div className="mt-12">
-					<h2 className="text-2xl font-bold mb-6">{t("relatedPosts")}</h2>
+					<h2 className="text-2xl font-bold mb-6">Related Posts</h2>
 					<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
 						{relatedPosts.map((relatedPost) => {
 							const relatedPostDate = new Date(

apps/website/app/blog/page.tsx

@@ -5,7 +5,6 @@ import type { Metadata } from "next";
 import Link from "next/link";
 import { BlogPostCard } from "./components/BlogPostCard";
 import { SearchAndFilter } from "./components/SearchAndFilter";
-import { useTranslations } from "@/lib/intl";
 
 interface Tag {
 	id: string;
@@ -14,7 +13,7 @@ interface Tag {
 }
 
 export const metadata: Metadata = {
-	title: "Blog | Dokploy",
+	title: "Blog",
 	description: "Latest news, updates, and articles from Dokploy",
 };
 
@@ -24,7 +23,6 @@ export default async function BlogPage({
 	searchParams: { [key: string]: string | string[] | undefined };
 }) {
 	const searchParams2 = await searchParams;
-	const t = useTranslations("blog");
 	const posts = await getPosts();
 	const tags = (await getTags()) as Tag[];
 	const search =
@@ -61,21 +59,21 @@ export default async function BlogPage({
 				</Link>
 			</div>
 
-			<SearchAndFilter
-				tags={tags}
-				initialSearch={search}
-				initialTag={selectedTag}
-				searchPlaceholder={t("searchPlaceholder")}
-				allTagsText={t("allTags")}
-			/>
+		<SearchAndFilter
+			tags={tags}
+			initialSearch={search}
+			initialTag={selectedTag}
+			searchPlaceholder="Search posts..."
+			allTagsText="All Tags"
+		/>
 
-			{filteredPosts.length === 0 ? (
-				<div className="text-center py-12 min-h-[20vh] flex items-center justify-center">
-					<p className="text-xl text-muted-foreground">
-						{search || selectedTag ? t("noResults") : t("noPosts")}
-					</p>
-				</div>
-			) : (
+		{filteredPosts.length === 0 ? (
+			<div className="text-center py-12 min-h-[20vh] flex items-center justify-center">
+				<p className="text-xl text-muted-foreground">
+					{search || selectedTag ? "No posts found matching your criteria" : "No posts available"}
+				</p>
+			</div>
+		) : (
 				<div className="space-y-8">
 					{filteredPosts.map((post: Post) => (
 						<BlogPostCard key={post.id} post={post} />

apps/website/app/blog/tag/[tag]/page.tsx

@@ -4,19 +4,28 @@ import type { Metadata } from "next";
 import Image from "next/image";
 import Link from "next/link";
 import { notFound } from "next/navigation";
-import { useTranslations } from "@/lib/intl";
 
 type Props = {
 	params: { tag: string };
 };
 
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
 	const { tag } = await params;
-	const t = useTranslations("blog");
+	const posts = await getPostsByTag(tag);
+	
+	if (!posts || posts.length === 0) {
+		return {
+			title: "Tag Not Found",
+			description: "The requested tag could not be found",
+		};
+	}
+
+	const tagName =
+		posts[0].tags?.find((t: { slug: string }) => t.slug === tag)?.name || tag;
 
 	return {
-		title: `${t("tagTitle", { tag })}`,
-		description: t("tagDescription", { tag }),
+		title: `${tagName} Posts`,
+		description: `Browse all posts tagged with ${tagName}`,
 	};
 }
 
@@ -27,7 +36,6 @@ export async function generateStaticParams() {
 
 export default async function TagPage({ params }: Props) {
 	const { tag } = await params;
-	const t = useTranslations("blog");
 	const posts = await getPostsByTag(tag);
 
 	if (!posts || posts.length === 0) {
@@ -55,16 +63,16 @@ export default async function TagPage({ params }: Props) {
 						clipRule="evenodd"
 					/>
 				</svg>
-				{t("backToBlog")}
+				Back to Blog
 			</Link>
 
 			<div className="mb-8">
 				<h1 className="text-3xl font-bold mb-2">
-					{t("postsTaggedWith")}{" "}
+					Posts tagged with{" "}
 					<span className="text-primary-600">"{tagName}"</span>
 				</h1>
 				<p className="text-gray-600 dark:text-gray-400">
-					{t("foundPosts", { count: posts.length })}
+					{posts.length} {posts.length === 1 ? 'post' : 'posts'} found
 				</p>
 			</div>
 

apps/website/app/contact/layout.tsx

@@ -0,0 +1,13 @@
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+
+export const metadata: Metadata = {
+	title: "Contact Us",
+	description:
+		"Get in touch with our team. We're here to help with any questions about Dokploy.",
+};
+
+export default function ContactLayout({ children }: { children: ReactNode }) {
+	return <>{children}</>;
+}
+

apps/website/app/layout.tsx

@@ -12,27 +12,30 @@ type Props = {
 	children: ReactNode;
 };
 
-// export const metadata: Metadata = {
-// 	metadataBase: new URL("https://dokploy.com"),
-// 	title: "Dokploy - Deploy your applications with ease",
-// 	description: "Deploy your applications with ease using Dokploy",
-// 	icons: {
-// 		icon: "icon.svg",
-// 		apple: "apple-touch-icon.png",
-// 	},
-// 	openGraph: {
-// 		title: "Dokploy - Deploy your applications with ease",
-// 		description: "Deploy your applications with ease using Dokploy",
-// 		images: "favicon.ico",
-// 		type: "website",
-// 	},
-// 	twitter: {
-// 		card: "summary_large_image",
-// 		title: "Dokploy - Deploy your applications with ease",
-// 		description: "Deploy your applications with ease using Dokploy",
-// 		images: ["/og.png"],
-// 	},
-// };
+export const metadata: Metadata = {
+	metadataBase: new URL("https://dokploy.com"),
+	title: {
+		default: "Dokploy - Deploy your applications with ease",
+		template: "%s | Dokploy",
+	},
+	description: "Deploy your applications with ease using Dokploy",
+	icons: {
+		icon: "icon.svg",
+		apple: "apple-touch-icon.png",
+	},
+	openGraph: {
+		title: "Dokploy - Deploy your applications with ease",
+		description: "Deploy your applications with ease using Dokploy",
+		images: "/og.png",
+		type: "website",
+	},
+	twitter: {
+		card: "summary_large_image",
+		title: "Dokploy - Deploy your applications with ease",
+		description: "Deploy your applications with ease using Dokploy",
+		images: ["/og.png"],
+	},
+};
 const inter = Inter({
 	subsets: ["latin"],
 	display: "swap",

apps/website/app/page.tsx

@@ -7,6 +7,12 @@ import { Pricing } from "@/components/pricing";
 import { SecondaryFeaturesSections } from "@/components/secondary-features";
 import { Sponsors } from "@/components/sponsors";
 import { StatsSection } from "@/components/stats";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+	title: "Dokploy | Deploy your applications with ease",
+	description: "Open-source self-hostable Platform as a Service (PaaS) that simplifies the deployment and management of applications and databases",
+};
 
 export default function Home() {
 	return (

apps/website/components/CallToAction.tsx

@@ -1,10 +1,8 @@
 import { Container } from "@/components/Container";
-import { useTranslations } from "@/lib/intl";
 import Link from "next/link";
 import { Button } from "./ui/button";
 
 export function CallToAction() {
-	const t = useTranslations("HomePage");
 	return (
 		<section
 			id="get-started-today"
@@ -32,10 +30,10 @@ export function CallToAction() {
 			<Container className="relative z-30">
 				<div className="mx-auto max-w-lg text-center">
 					<h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl">
-						{t("callToAction.title")}
+						Unlock Your Deployment Potential with Dokploy Cloud
 					</h2>
 					<p className="mt-4 text-lg tracking-tight text-muted-foreground">
-						{t("callToAction.des")}
+						Say goodbye to infrastructure hassles—Dokploy Cloud handles it all. Effortlessly deploy, manage Docker containers, and secure your traffic with Traefik. Focus on building, we'll handle the rest.
 					</p>
 
 					<Button className="mt-10 rounded-full" asChild>
@@ -45,7 +43,7 @@ export function CallToAction() {
 							target="_blank"
 							className="flex flex-row items-center gap-2"
 						>
-							{t("callToAction.button")}
+							Get Started Now
 						</Link>
 					</Button>
 				</div>