i18n: translate all public page bodies (EN + IT)
Internationalised the ~44 public pages with next-intl (the shell was already translated). Each page now pulls its copy from a "pages.<slug>" namespace via getTranslations (server) / useTranslations (client); the EN + IT catalogs were authored by parallel agents and merged centrally, with natural Italian (ICU plurals) and it backfilled from en for any gap. request.ts gained getMessageFallback/onError so a missing key degrades to the English value, never a raw key. Behaviour unchanged (only display text moved to t() calls; queries, actions, fields, ContentCard structure preserved). Verified on the prod server: with NEXT_LOCALE=it, home/community/staff/news/shop/rankings all render Italian copy, no raw-key leakage; English unchanged. The nav language switcher toggles EN/IT live. tsc 0, vitest 49/49, next build 0. Admin pages intentionally left in English (staff tooling).
This commit is contained in:
1 parent
1199176883
commit
e004dfedaf
47 files changed
+1740
-471
No files matched your search
+11
-9
@@ -1,3 +1,4 @@
|
||||
import { getTranslations } from "next-intl/server";
|
||||
import Link from "next/link";
|
||||
import { ContentCard, EmptyState } from "@/components/public/ui";
|
||||
import { excerpt } from "@/lib/format";
|
||||
@@ -7,6 +8,7 @@ import { siteSettings } from "@/lib/services/site-settings";
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
export default async function HomePage() {
|
||||
const t = await getTranslations("pages.home");
|
||||
const hotelName = (await siteSettings.get("hotel_name", "Atom")) ?? "Atom";
|
||||
|
||||
let articles: Array<{ slug: string; title: string; shortStory: string; image: string }> = [];
|
||||
@@ -24,34 +26,34 @@ export default async function HomePage() {
|
||||
<main style={{ display: "grid", gap: "1.5rem" }}>
|
||||
<ContentCard
|
||||
icon="🏨"
|
||||
title={`Welcome to ${hotelName}`}
|
||||
subtitle="Your retro hotel, now powered by Next.js"
|
||||
title={t("welcome", { hotelName })}
|
||||
subtitle={t("welcomeSubtitle")}
|
||||
>
|
||||
<p className="muted" style={{ margin: "0 0 0.9rem" }}>
|
||||
Hang out, collect furni, and meet friends.
|
||||
{t("welcomeBody")}
|
||||
</p>
|
||||
<div style={{ display: "flex", gap: "0.6rem", flexWrap: "wrap" }}>
|
||||
<Link className="btn btn-primary" href="/client">
|
||||
Enter hotel
|
||||
{t("enterHotel")}
|
||||
</Link>
|
||||
<Link className="btn btn-outline" href="/news">
|
||||
Latest news
|
||||
{t("latestNews")}
|
||||
</Link>
|
||||
</div>
|
||||
</ContentCard>
|
||||
|
||||
<ContentCard
|
||||
icon="📰"
|
||||
title="Latest news"
|
||||
subtitle="Fresh from the hotel"
|
||||
title={t("newsTitle")}
|
||||
subtitle={t("newsSubtitle")}
|
||||
action={
|
||||
<Link className="btn btn-outline" href="/news">
|
||||
All news →
|
||||
{t("allNews")}
|
||||
</Link>
|
||||
}
|
||||
>
|
||||
{articles.length === 0 ? (
|
||||
<EmptyState icon="📰">No articles yet.</EmptyState>
|
||||
<EmptyState icon="📰">{t("noArticles")}</EmptyState>
|
||||
) : (
|
||||
<div className="card-grid sm-2 lg-4">
|
||||
{articles.map((a) => (
|
||||
|
||||
Reference in new issue
Block a user