@wezom/locale-handler

Locale handler for middleware with redirects

Code coverage:

Statements	Branches	Functions	Lines

GitHub Actions:

---

Installation

Via pnpm:

1pnpm add @wezom/locale-handler

Via npm:

1npm install @wezom/locale-handler

Via yarn:

1yarn add @wezom/locale-handler

Usage example with Next.js App Route

According to Next.js documentation about Internationalization, you can create a own middleware to handle missing locales redirects.

1// middleware.ts
2import { NextRequest, NextResponse } from 'next/server';
3import { LocaleHandler } from '@wezom/locale-handler';
4
5export function middleware(request: NextRequest): void | NextResponse {
6	const localeHandler = new LocaleHandler({
7		acceptLanguages: request.headers.get('accept-language'),
8		availableLocales: ['uk', 'en'],
9		defaultLocale: 'uk',
10		url: request.nextUrl,
11	});
12
13	if (localeHandler.pathnameHasMissingLocale) {
14		const url = localeHandler.getPreferredLocaleUrl();
15		return NextResponse.redirect(url);
16	}
17}
18
19export const config = {
20	matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)'],
21};