diff --git a/src/app/[language]/page-content.tsx b/src/app/[language]/page-content.tsx
deleted file mode 100644
index f415a7b..0000000
--- a/src/app/[language]/page-content.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-"use client";
-import { useTranslation } from "@/services/i18n/client";
-import Container from "@mui/material/Container";
-import Grid from "@mui/material/Grid";
-import Typography from "@mui/material/Typography";
-
-export default function Home() {
- const { t } = useTranslation("home");
-
- return (
-
-
-
-
- {t("title")}
-
-
-
-
- );
-}
diff --git a/src/app/[language]/page.tsx b/src/app/[language]/page.tsx
index f3682cd..55f7da1 100644
--- a/src/app/[language]/page.tsx
+++ b/src/app/[language]/page.tsx
@@ -1,6 +1,10 @@
import type { Metadata } from "next";
-import Home from "./page-content";
import { getServerTranslation } from "@/services/i18n";
+import Container from "@mui/material/Container";
+import Grid from "@mui/material/Grid";
+import Typography from "@mui/material/Typography";
+import MuiLink from "@mui/material/Link";
+import { Trans } from "react-i18next/TransWithoutContext";
type Props = {
params: { language: string };
@@ -14,4 +18,34 @@ export async function generateMetadata({ params }: Props): Promise {
};
}
-export default Home;
+export default async function Home({ params }: Props) {
+ const { t } = await getServerTranslation(params.language, "home");
+
+ return (
+
+
+
+
+ {t("title")}
+
+
+
+ {}
+ ,
+ ]}
+ />
+
+
+
+
+ );
+}
diff --git a/src/services/i18n/locales/en/home.json b/src/services/i18n/locales/en/home.json
index 117b380..6bd691e 100644
--- a/src/services/i18n/locales/en/home.json
+++ b/src/services/i18n/locales/en/home.json
@@ -1,3 +1,4 @@
{
- "title": "Home"
+ "title": "Home",
+ "description": "Welcome to the reactjs-boilerplate example app. Full documentation can be found <0>here0>."
}