feat: updated next-intl to v4

Author: Manuel Schächinger

app/[locale]/(legal)/imprint/page.tsx

@@ -1,5 +1,5 @@
 import type { Metadata } from 'next';
-import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
+import { getTranslations } from 'next-intl/server';
 
 import { PageProps } from '@app/interfaces';
 import Address from '@components/atoms/Address';
@@ -21,9 +21,7 @@ export const generateMetadata = async ({ params }: PageProps): Promise<Metadata>
   };
 };
 
-const ImprintPage = async ({ params }: PageProps) => {
-  const { locale } = await params;
-  unstable_setRequestLocale(locale);
+const ImprintPage = async () => {
   const t = await getTranslations('pages.imprint');
 
   return (

app/[locale]/(legal)/privacy/page.tsx

@@ -1,5 +1,5 @@
 import type { Metadata } from 'next';
-import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
+import { getTranslations } from 'next-intl/server';
 
 import type { PageProps } from '@app/interfaces';
 import Address from '@components/atoms/Address';
@@ -22,9 +22,7 @@ export const generateMetadata = async ({ params }: PageProps): Promise<Metadata>
   };
 };
 
-const PrivacyPage = async ({ params }: PageProps) => {
-  const { locale } = await params;
-  unstable_setRequestLocale(locale);
+const PrivacyPage = async () => {
   const t = await getTranslations('pages.privacy');
 
   return (

app/[locale]/[...rest]/page.tsx

@@ -1,12 +1,6 @@
 import { notFound } from 'next/navigation';
-import { unstable_setRequestLocale } from 'next-intl/server';
-
-import { PageProps } from '@app/interfaces';
- 
-const CatchAllPage = async ({ params }: PageProps) => {
-  const { locale } = await params;
-  unstable_setRequestLocale(locale);
 
+const CatchAllPage = async () => {
   notFound();
 };
 

app/[locale]/about/page.tsx

@@ -1,6 +1,6 @@
 import type { Metadata } from 'next';
 import Image from 'next/image';
-import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
+import { getTranslations } from 'next-intl/server';
 
 import wallpaper from '@/public/images/opengraph-schaechinger.jpg';
 import type { PageProps } from '@app/interfaces';
@@ -25,15 +25,13 @@ export const generateMetadata = async ({ params }: PageProps): Promise<Metadata>
   };
 };
 
-const AboutPage = async ({ params }: PageProps) => {
-  const { locale } = await params;
-  unstable_setRequestLocale(locale);
+const AboutPage = async () => {
   const t = await getTranslations('pages.about');
   const age = getTimeDuration('1991-02-14');
   const years = getTimeDuration('2014-02-01');
 
   return (
-    <PageContainer name="about" narrow>
+    <PageContainer name="about">
       <PageSection id="profile" first dense>
         <Breadcrumbs list={[{ title: t('title') }]} />
 

app/[locale]/certifications/page.tsx

@@ -1,5 +1,5 @@
 import type { Metadata } from 'next';
-import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
+import { getTranslations } from 'next-intl/server';
 
 import { PageProps } from '@app/interfaces';
 import Breadcrumbs from '@components/atoms/Breadcumbs';
@@ -19,13 +19,11 @@ export const generateMetadata = async ({ params }: PageProps): Promise<Metadata>
   };
 };
 
-const CertificationsPage = async ({ params }: PageProps) => {
-  const { locale } = await params;
-  unstable_setRequestLocale(locale);
+const CertificationsPage = async () => {
   const t = await getTranslations('pages.certifications');
 
   return (
-    <PageContainer name="certifications" narrow>
+    <PageContainer name="certifications">
       <PageSection id="certifications" first>
         <Breadcrumbs list={[{ title: t('title') }]} />
 

app/[locale]/contact/page.tsx

@@ -1,5 +1,5 @@
 import type { Metadata } from 'next';
-import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
+import { getTranslations } from 'next-intl/server';
 import { ReCaptchaProvider } from 'next-recaptcha-v3';
 
 import { RECAPTCHA_SITE_KEY } from '@app/config';
@@ -27,11 +27,10 @@ export const dynamic = 'force-dynamic';
 
 const ContactPage = async ({ params }: PageProps) => {
   const { locale } = await params;
-  unstable_setRequestLocale(locale);
   const t = await getTranslations('pages.contact');
 
   return (
-    <PageContainer name="contact" narrow>
+    <PageContainer name="contact">
       <PageSection id="contact" first>
         <Breadcrumbs list={[{ title: t('title') }]} />
 
@@ -62,7 +61,7 @@ const ContactPage = async ({ params }: PageProps) => {
             <h2  className="text-h2">{t('types.write.title')}</h2>
 
             <ReCaptchaProvider reCaptchaKey={RECAPTCHA_SITE_KEY} language={locale}>
-              <ContactForm translations={t.raw('form')} />
+              <ContactForm translations={t.raw<any>('form')} />
             </ReCaptchaProvider>
           </div>
         </div>

app/[locale]/layout.tsx

@@ -1,6 +1,6 @@
 import type { Metadata } from 'next';
 import { NextIntlClientProvider } from 'next-intl';
-import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
+import { getTranslations } from 'next-intl/server';
 
 import { supportedLangs, WEB_HOST } from '@app/config';
 import { clearSans } from '@app/font';
@@ -44,7 +44,6 @@ export const generateMetadata = async ({ params }: LayoutProps): Promise<Metadat
 
 const RootLayout = async ({ children, params }: LayoutProps) => {
   const { locale } = await params;
-  unstable_setRequestLocale(locale);
 
   return (
     <html className={clearSans.variable} lang={locale} dir="ltr" suppressHydrationWarning>

app/[locale]/not-found.tsx

@@ -19,15 +19,15 @@ const LocalizedNotFoundPage = () => {
   const t = useTranslations('errors');
 
   return (
-    <PageContainer name="not-found" narrow>
+    <PageContainer name="not-found">
       <PageSection id="not-found" first>
         <h1 className="text-h1">{t('notFound.title')}</h1>
 
         <p className="mb-4">{t('notFound.text')}</p>
 
         <LinkButton href="/" label={t('notFound.goto')} />
 
-        <KonamiCode translations={t.raw('konamiCode')} />
+        <KonamiCode translations={t.raw<any>('konamiCode')} />
       </PageSection>
     </PageContainer>
   );

app/[locale]/now/page.tsx

@@ -0,0 +1,38 @@
+import type { Metadata } from 'next';
+import { getTranslations } from 'next-intl/server';
+
+import type { PageProps } from '@app/interfaces';
+import Breadcrumbs from '@components/atoms/Breadcumbs';
+import PageContainer from '@components/organisms/PageContainer';
+import PageSection from '@components/organisms/PageSection';
+import NowList from '@components/organisms/NowList';
+import { generatePageMeta } from '@lib/seo';
+
+export const generateMetadata = async ({ params }: PageProps): Promise<Metadata> => {
+  const { locale } = await params;
+  const t = await getTranslations('pages.now');
+
+  return {
+    ...generatePageMeta('/now', locale),
+    title: t('title'),
+    description: t('description'),
+  };
+};
+
+const NowPage = async () => {
+  const t = await getTranslations('pages.now');
+
+  return (
+    <PageContainer name="now">
+      <PageSection id="now" first>
+        <Breadcrumbs list={[{ title: t('title') }]} />
+
+        <h1 className="text-h1">{t('pageTitle')}</h1>
+
+        <NowList />
+      </PageSection>
+    </PageContainer>
+  );
+};
+
+export default NowPage;

app/[locale]/page.tsx

@@ -1,12 +1,12 @@
 import type { Metadata } from 'next';
-import { getTranslations, unstable_setRequestLocale } from 'next-intl/server';
+import { getTranslations } from 'next-intl/server';
 
-import Link from '@components/atoms/Link';
 import type { PageProps } from '@app/interfaces';
 import { getTimeDuration } from '@app/utils';
 import AvailabilityIndicator from '@components/atoms/AvailabilityIndicator';
 import HighlightLabel from '@components/atoms/HighlightLabel';
 import JsonLd from '@components/atoms/JsonLd';
+import Link from '@components/atoms/Link';
 import LinkButton from '@components/atoms/LinkButton';
 import CareerList from '@components/organisms/CareerList';
 import CertificationList from '@components/organisms/CertificationList';
@@ -20,20 +20,18 @@ export const generateMetadata = async ({ params }: PageProps): Promise<Metadata>
   return generatePageMeta('/', locale);
 };
 
-const HomePage = async ({ params }: PageProps) => {
-  const { locale } = await params;
-  unstable_setRequestLocale(locale);
+const HomePage = async () => {
   const t = await getTranslations('pages.home');
-  
+
   const jsonLd = generateProfileJson();
   const aboutTextOptions = {
     highlight: (label: React.ReactNode) => <HighlightLabel>{label}</HighlightLabel>,
     years: getTimeDuration('2014-02-01'),
-  };
+  } as any;
 
   return (
     <>
-      <PageContainer name="home" narrow>
+      <PageContainer name="home">
         <PageSection id="about" first>
           <h1 className="text-h1">{t('about.title')}</h1>