Matt
3aa1275ed7
Minimal next-intl wire-up so future i18n additions are a config
change, not a code rewrite. No URL routing changes — there's no
`/<locale>/` prefix because there's no second locale today.
- `src/i18n/request.ts` — request-scoped locale + messages loader,
hard-coded to 'en'
- `messages/en.json` — common namespace with a few sample keys
- `next.config.ts` — withNextIntlPlugin wraps the config
- `src/app/layout.tsx` — wraps body with NextIntlClientProvider so
client components can `useTranslations('common')` now
When a real locale target appears (Polish for marina users, Italian
for broker portal, etc.):
1. Add `messages/<locale>.json`
2. Move route folders under `app/[locale]/` to enable URL routing
3. Add a `routing.ts` with the locale list + default
Verified: tsc clean, vitest 1315/1315, next build green.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
82 lines
2.3 KiB
TypeScript
82 lines
2.3 KiB
TypeScript
import type { Metadata, Viewport } from 'next';
|
|
import Script from 'next/script';
|
|
import { headers } from 'next/headers';
|
|
import { Inter, JetBrains_Mono } from 'next/font/google';
|
|
import { NextIntlClientProvider } from 'next-intl';
|
|
import { getLocale, getMessages } from 'next-intl/server';
|
|
import { Toaster } from 'sonner';
|
|
import { classifyFormFactor } from '@/lib/form-factor';
|
|
import { ReactGrabViewportSync } from '@/components/dev/react-grab-viewport-sync';
|
|
import './globals.css';
|
|
|
|
const inter = Inter({
|
|
subsets: ['latin'],
|
|
variable: '--font-sans',
|
|
display: 'swap',
|
|
});
|
|
|
|
const jetbrainsMono = JetBrains_Mono({
|
|
subsets: ['latin'],
|
|
variable: '--font-mono',
|
|
display: 'swap',
|
|
});
|
|
|
|
export const viewport: Viewport = {
|
|
width: 'device-width',
|
|
initialScale: 1,
|
|
viewportFit: 'cover',
|
|
themeColor: '#1e2844',
|
|
};
|
|
|
|
export const metadata: Metadata = {
|
|
title: {
|
|
default: 'Port Nimara CRM',
|
|
template: '%s | Port Nimara CRM',
|
|
},
|
|
description: 'Marina management system for Port Nimara',
|
|
appleWebApp: {
|
|
capable: true,
|
|
statusBarStyle: 'black-translucent',
|
|
title: 'Port Nimara',
|
|
},
|
|
icons: {
|
|
icon: [
|
|
{ url: '/icon-192.png', sizes: '192x192', type: 'image/png' },
|
|
{ url: '/icon-512.png', sizes: '512x512', type: 'image/png' },
|
|
],
|
|
apple: '/apple-touch-icon.png',
|
|
},
|
|
manifest: '/manifest.json',
|
|
};
|
|
|
|
export default async function RootLayout({ children }: { children: React.ReactNode }) {
|
|
const headerList = await headers();
|
|
const formFactor = classifyFormFactor(headerList.get('user-agent'));
|
|
const locale = await getLocale();
|
|
const messages = await getMessages();
|
|
|
|
return (
|
|
<html lang={locale} suppressHydrationWarning>
|
|
<head>
|
|
{process.env.NODE_ENV === 'development' && (
|
|
<Script
|
|
src="//unpkg.com/react-grab/dist/index.global.js"
|
|
crossOrigin="anonymous"
|
|
strategy="beforeInteractive"
|
|
/>
|
|
)}
|
|
</head>
|
|
<body
|
|
data-form-factor={formFactor}
|
|
className={`${inter.variable} ${jetbrainsMono.variable} font-sans antialiased`}
|
|
>
|
|
<NextIntlClientProvider locale={locale} messages={messages}>
|
|
{children}
|
|
</NextIntlClientProvider>
|
|
<Toaster richColors position="top-right" />
|
|
{process.env.NODE_ENV === 'development' && <ReactGrabViewportSync />}
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|