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>here." }