Skip to content

Add internationalization support for German language 🌍 #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Cinzya wants to merge 14 commits into
base: master
Choose a base branch
from
Open

Add internationalization support for German language 🌍 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
27f9f81
feat: add next-intl plugin to Next.js configuration
Cinzya Jun 8, 2025
dd6044a
feat: setup i18n configuration and translation files
Cinzya Jun 8, 2025
90b9f9f
feat: add client-side locale management service
Cinzya Jun 8, 2025
afd689a
feat: create client-side locale provider component
Cinzya Jun 8, 2025
c6031c2
feat: integrate i18n provider in root layout
Cinzya Jun 8, 2025
100deba
feat: implement translations in main task interface
Cinzya Jun 8, 2025
1e87982
feat: add translations for delete confirmation modal
Cinzya Jun 8, 2025
282a161
feat: add translations for info-section component
Cinzya Jun 8, 2025
b3edf70
feat: add translations for task-modal component
Cinzya Jun 8, 2025
e6e11ef
feat: add translations for task-stats component
Cinzya Jun 8, 2025
eebe707
feat: add translations for timezone-modal component
Cinzya Jun 8, 2025
1e6dfeb
feat: add translations for user-greeting component
Cinzya Jun 8, 2025
1838c17
feat: add translations for user-name-modal component
Cinzya Jun 8, 2025
6c6ca9b
build: add next-intl dependency for internationalization support
Cinzya Jun 8, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
107 changes: 57 additions & 50 deletions app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,50 +1,57 @@
import type { ReactNode } from "react";
import type { Metadata, Viewport } from "next";
import "./globals.css";
import { Toaster } from "@/components/ui/toaster";

export const metadata: Metadata = {
title: "Taska",
description: "A lightweight, elegant to-do list application that works entirely in your browser",
manifest: "/manifest.json",
};

export const viewport: Viewport = {
width: "device-width",
initialScale: 1,
themeColor: "#000000",
};

export default function RootLayout({
children,
}: {
children: ReactNode;
}) {
return (
<html lang="en" suppressHydrationWarning>
<head>
{/* Prevent flicker by setting initial theme before React renders */}
<script
dangerouslySetInnerHTML={{
__html: `
(function () {
try {
const theme = localStorage.getItem("theme");
if (theme === "dark") {
document.documentElement.classList.add("dark");
}
} catch (_) {}
})();
`,
}}
/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" href="/logo.png" />
</head>
<body>
<Toaster />
{children}
</body>
</html>
);
}
import type { ReactNode } from "react";
import type { Metadata, Viewport } from "next";
import "./globals.css";
import { Toaster } from "@/components/ui/toaster";
import { getMessages } from "next-intl/server";
import { LocaleProvider } from "@/components/locale-provider";

export const metadata: Metadata = {
title: "Taska",
description:
"A lightweight, elegant to-do list application that works entirely in your browser",
manifest: "/manifest.json",
};

export const viewport: Viewport = {
width: "device-width",
initialScale: 1,
themeColor: "#000000",
};

export default async function RootLayout({
children,
}: {
children: ReactNode;
}) {
const messages = await getMessages();

return (
<html lang="en" suppressHydrationWarning>
<head>
{/* Prevent flicker by setting initial theme before React renders */}
<script
dangerouslySetInnerHTML={{
__html: `
(function () {
try {
const theme = localStorage.getItem("theme");
if (theme === "dark") {
document.documentElement.classList.add("dark");
}
} catch (_) {}
})();
`,
}}
/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" href="/logo.png" />
</head>
<body>
<LocaleProvider messages={messages}>
<Toaster />
{children}
</LocaleProvider>
</body>
</html>
);
}
Loading