📄 Huge intl feature

This commit is contained in:
RJ
2025-12-03 00:17:34 +02:00
parent 6e5d641c06
commit 78cdc7b539
48 changed files with 955 additions and 138 deletions

View File

@@ -2,7 +2,9 @@ import type { Metadata } from 'next'
import { JetBrains_Mono } from 'next/font/google'
import './globals.css'
import { ThemeProvider } from '@/providers/providers'
import '@/lib/env-validation' // Validate environment variables
import '@/lib/env-validation'
import {NextIntlClientProvider} from 'next-intl'
import {getMessages} from 'next-intl/server'
const jetbrainsMono = JetBrains_Mono({ subsets: ['latin'], variable: '--font-mono' })
@@ -17,7 +19,6 @@ export const metadata: Metadata = {
keywords: ['blog', 'dezvoltare web', 'nextjs', 'react', 'typescript', 'terminal'],
openGraph: {
type: 'website',
locale: 'ro_RO',
siteName: 'Terminal Blog',
},
robots: {
@@ -29,9 +30,15 @@ export const metadata: Metadata = {
},
}
export default function RootLayout({ children }: { children: React.ReactNode }) {
export default async function RootLayout({
children
}: {
children: React.ReactNode
}) {
const messages = await getMessages()
return (
<html lang="ro" suppressHydrationWarning className={jetbrainsMono.variable}>
<html suppressHydrationWarning className={jetbrainsMono.variable}>
<body className="font-mono bg-zinc-50 text-slate-900 dark:bg-zinc-900 dark:text-slate-100 transition-colors duration-300">
<ThemeProvider
attribute="class"
@@ -40,22 +47,23 @@ export default function RootLayout({ children }: { children: React.ReactNode })
storageKey="blog-theme"
disableTransitionOnChange={false}
>
<div className="flex flex-col min-h-screen">
<div className="flex-1">{children}</div>
<NextIntlClientProvider messages={messages}>
<div className="flex flex-col min-h-screen">
<div className="flex-1">{children}</div>
{/* Footer - from worktree-agent-1 */}
<footer className="mt-auto border-t-4 border-slate-300 dark:border-slate-800 bg-zinc-100 dark:bg-slate-900 transition-colors duration-300">
<div className="container mx-auto px-4 py-8">
<div className="border-2 border-slate-300 dark:border-slate-800 p-6">
<p className="text-center text-slate-500 dark:text-slate-500 font-mono text-xs uppercase tracking-wider">
© 2025 <span style={{ color: 'var(--neon-cyan)' }}>//</span> BLOG &{' '}
<span style={{ color: 'var(--neon-pink)' }}>RANDOM THOUGHTS</span>{' '}
<span style={{ color: 'var(--neon-cyan)' }}>//</span> ALL RIGHTS RESERVED
</p>
<footer className="mt-auto border-t-4 border-slate-300 dark:border-slate-800 bg-zinc-100 dark:bg-slate-900 transition-colors duration-300">
<div className="container mx-auto px-4 py-8">
<div className="border-2 border-slate-300 dark:border-slate-800 p-6">
<p className="text-center text-slate-500 dark:text-slate-500 font-mono text-xs uppercase tracking-wider">
© 2025 <span style={{ color: 'var(--neon-cyan)' }}>//</span> BLOG &{' '}
<span style={{ color: 'var(--neon-pink)' }}>RANDOM THOUGHTS</span>{' '}
<span style={{ color: 'var(--neon-cyan)' }}>//</span> ALL RIGHTS RESERVED
</p>
</div>
</div>
</div>
</footer>
</div>
</footer>
</div>
</NextIntlClientProvider>
</ThemeProvider>
</body>
</html>