- {/*
*/}
-
+
{children}
diff --git a/src/app/[locale]/[...rest]/page.tsx b/src/app/[locale]/[...rest]/page.tsx
new file mode 100644
index 0000000..cc88c3a
--- /dev/null
+++ b/src/app/[locale]/[...rest]/page.tsx
@@ -0,0 +1,5 @@
+import { notFound } from 'next/navigation';
+
+export default function CatchAllPage() {
+ notFound();
+}
\ No newline at end of file
diff --git a/src/app/auth/error/page.tsx b/src/app/[locale]/auth/error/page.tsx
similarity index 100%
rename from src/app/auth/error/page.tsx
rename to src/app/[locale]/auth/error/page.tsx
diff --git a/src/app/auth/forgot-password/page.tsx b/src/app/[locale]/auth/forgot-password/page.tsx
similarity index 100%
rename from src/app/auth/forgot-password/page.tsx
rename to src/app/[locale]/auth/forgot-password/page.tsx
diff --git a/src/app/auth/layout.tsx b/src/app/[locale]/auth/layout.tsx
similarity index 100%
rename from src/app/auth/layout.tsx
rename to src/app/[locale]/auth/layout.tsx
diff --git a/src/app/auth/loading.tsx b/src/app/[locale]/auth/loading.tsx
similarity index 100%
rename from src/app/auth/loading.tsx
rename to src/app/[locale]/auth/loading.tsx
diff --git a/src/app/auth/login/page.tsx b/src/app/[locale]/auth/login/page.tsx
similarity index 100%
rename from src/app/auth/login/page.tsx
rename to src/app/[locale]/auth/login/page.tsx
diff --git a/src/app/auth/new-password/page.tsx b/src/app/[locale]/auth/new-password/page.tsx
similarity index 100%
rename from src/app/auth/new-password/page.tsx
rename to src/app/[locale]/auth/new-password/page.tsx
diff --git a/src/app/auth/register/page.tsx b/src/app/[locale]/auth/register/page.tsx
similarity index 100%
rename from src/app/auth/register/page.tsx
rename to src/app/[locale]/auth/register/page.tsx
diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
new file mode 100644
index 0000000..8944279
--- /dev/null
+++ b/src/app/[locale]/layout.tsx
@@ -0,0 +1,82 @@
+import "@/app/globals.css";
+import { fontSourceSans, fontSourceSerif4 } from "@/assets/fonts";
+import { Toaster } from "@/components/ui/sonner";
+import { routing } from '@/i18n/routing';
+import { constructMetadata } from "@/lib/metadata";
+import { cn } from "@/lib/utils";
+import { GeistMono } from "geist/font/mono";
+import { GeistSans } from "geist/font/sans";
+import type { Metadata, Viewport } from "next";
+import { NextIntlClientProvider } from 'next-intl';
+import { getMessages, setRequestLocale } from "next-intl/server";
+import { notFound } from "next/navigation";
+import type { ReactNode } from "react";
+import { Providers } from "./providers";
+import { TailwindIndicator } from "@/components/tailwind-indicator";
+
+export const metadata: Metadata = constructMetadata();
+
+export const viewport: Viewport = {
+ width: 'device-width',
+ initialScale: 1,
+ minimumScale: 1,
+ maximumScale: 1,
+ themeColor: [
+ { media: '(prefers-color-scheme: light)', color: 'white' },
+ { media: '(prefers-color-scheme: dark)', color: 'black' }
+ ]
+};
+
+export function generateStaticParams() {
+ return routing.locales.map((locale) => ({ locale }));
+}
+
+interface LocaleLayoutProps {
+ children: ReactNode;
+ params: { locale: string };
+};
+
+/**
+ * https://next-intl.dev/docs/getting-started/app-router/with-i18n-routing#layout
+ */
+export default async function LocaleLayout({ children, params }: LocaleLayoutProps) {
+ const { locale } = params;
+
+ // Ensure that the incoming `locale` is valid
+ if (!routing.locales.includes(locale as any)) {
+ notFound();
+ }
+
+ // Enable static rendering
+ setRequestLocale(locale);
+
+ // Providing all messages to the client
+ // side is the easiest way to get started
+ const messages = await getMessages();
+
+ // TODO: body min-h-screen -> size-full, check if this is correct on mobile
+ return (
+
+
+
+
+ {children}
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/[locale]/providers.tsx b/src/app/[locale]/providers.tsx
new file mode 100644
index 0000000..91439a2
--- /dev/null
+++ b/src/app/[locale]/providers.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import * as React from "react";
+import { ThemeProvider } from "next-themes";
+import { TooltipProvider } from "@/components/ui/tooltip";
+
+export function Providers({
+ children
+}: React.PropsWithChildren) {
+ return (
+
+
+ {children}
+
+
+ );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index bfdb3ab..923bc20 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,55 +1,8 @@
-import "@/app/globals.css";
-import type { Metadata, Viewport } from "next";
-import type { PropsWithChildren } from "react";
-import { constructMetadata } from "@/lib/metadata";
-import { cn } from "@/lib/utils";
-import { ThemeProvider } from "next-themes";
-import { Toaster } from "@/components/ui/sonner";
-import { TailwindIndicator } from "@/components/tailwind-indicator";
-import { GeistSans } from "geist/font/sans";
-import { GeistMono } from "geist/font/mono";
-import { fontSourceSans, fontSourceSerif4 } from "@/assets/fonts";
-
-export const metadata: Metadata = constructMetadata();
-
-export const viewport: Viewport = {
- width: 'device-width',
- initialScale: 1,
- minimumScale: 1,
- maximumScale: 1,
- themeColor: [
- { media: '(prefers-color-scheme: light)', color: 'white' },
- { media: '(prefers-color-scheme: dark)', color: 'black' }
- ]
-};
+import { PropsWithChildren } from 'react';
+// Since we have a `not-found.tsx` page on the root, a layout file
+// is required, even if it's just passing children through.
export default function RootLayout({ children }: PropsWithChildren) {
- return (
-
-