[Docs]: App Router setup with i18n routing

[mhafez1978]

locale defined as any here is problematic and goes against typescript safety - we should not be using type any here with locale. it should be as const.

import {getRequestConfig} from 'next-intl/server';
import {routing} from './routing';
 
export default getRequestConfig(async ({requestLocale}) => {
  // This typically corresponds to the `[locale]` segment
  let locale = await requestLocale;
 
  // Ensure that a valid locale is used
  if (!locale || !routing.locales.includes(locale as any)) {
    locale = routing.defaultLocale;
  }
 
  return {
    locale,
    messages: (await import(`../../messages/${locale}.json`)).default
  };
});

[mhafez1978]

any feedback on how this should be set would be appreciated !

[amannn]

With hasLocale that is currently proposed in next-intl@4 beta, you can avoid the any.

[mhafez1978]

Thank you so much for replying. Hafez

…

________________________________ From: Jan Amann ***@***.***> Sent: Tuesday, January 21, 2025 12:33:28 PM To: amannn/next-intl ***@***.***> Cc: Mohamed Hafez ***@***.***>; Author ***@***.***> Subject: Re: [amannn/next-intl] [Docs]: App Router setup with i18n routing (Issue #1670) With hasLocale<https://next-intl.dev/blog/next-intl-4-0#strictly-typed-locale> that is currently proposed in ***@***.*** beta, you can avoid the any. — Reply to this email directly, view it on GitHub<#1670 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/ATNYY7VAX7EHPAJKMQAXQ4L2L2AGRAVCNFSM6AAAAABVSTVZAOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMMBVGM2TCMZZGQ>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[daveycodez]

Here is how I define Locale type, you can just use it wherever

routing.ts

import { defineRouting } from "next-intl/routing"
import { createNavigation } from "next-intl/navigation"
import { isExport } from "@/lib/utils"

export const routing = defineRouting({
    // A list of all locales that are supported
    locales: ["en", "de"],

    // Used when no locale matches
    defaultLocale: "en",

    localePrefix: isExport ? "always" : "as-needed",

    localeCookie: false
})

// Lightweight wrappers around Next.js' navigation APIs
// that will consider the routing configuration
export const { Link, redirect, usePathname, useRouter, getPathname } =
    createNavigation(routing)

export type Locale = (typeof routing.locales)[number]

[mhafez1978]

Thank you so so much both for your feedback.