Cookies + browser locale detection without i18n routing

[laGameTV]

Hi, I want to translate my Next.js project using next-intl (I only ever worked with ParaglideJS in Svelte) and want a simple setup without locale-specific routes.

My Goals:

• No i18n routing (no /en, /de, etc.).
• Let users override the locale via a cookie.
• If no cookie, detect the browser’s locale from headers (when supported).
• If detection fails, use a default fallback.

How would I implement this?

Closest thing I’ve found is this example, but it doesn’t cover automatic detection or a cookie override: https://next-intl.dev/examples#app-router-without-i18n-routing

[amannn]

You can implement implement this in i18n/request.ts with something like this:

next-intl/packages/next-intl/src/middleware/resolveLocale.tsx

Lines 38 to 52 in c250676

	let locale;
	const languages = new Negotiator({
	headers: {
	'accept-language': requestHeaders.get('accept-language') || undefined
	}
	}).languages();
	try {
	const orderedLocales = orderLocales(locales);
	locale = match(languages, orderedLocales, defaultLocale);
	} catch {
	// Invalid language
	}
	return locale;

And then of course add the handling for an existing cookie, etc.