- Create separate pages for about, updates, and roadmap in App Router - Use correct translation keys from common namespace (page.titles, page.descriptions) - Remove unstable_setRequestLocale as it's not needed - Each page has its own client component with segmented control navigation - Fixes 404 errors for about-related pages
28 lines
No EOL
597 B
TypeScript
28 lines
No EOL
597 B
TypeScript
import { Metadata } from 'next'
|
|
import { getTranslations } from 'next-intl/server'
|
|
import AboutPageClient from './AboutPageClient'
|
|
|
|
export async function generateMetadata({
|
|
params: { locale }
|
|
}: {
|
|
params: { locale: string }
|
|
}): Promise<Metadata> {
|
|
const t = await getTranslations({ locale, namespace: 'common' })
|
|
|
|
return {
|
|
title: t('page.titles.about'),
|
|
description: t('page.descriptions.about')
|
|
}
|
|
}
|
|
|
|
export default async function AboutPage({
|
|
params: { locale }
|
|
}: {
|
|
params: { locale: string }
|
|
}) {
|
|
return (
|
|
<div id="About">
|
|
<AboutPageClient />
|
|
</div>
|
|
)
|
|
} |