اكتشاف اللغة المفضلة للمستخدم

npm install accept-language-parser

// i18n.config.ts

export const locales = ['en', 'es', 'fr'];
export const defaultLocale = 'en';

// middleware.ts
import { NextResponse } from 'next/server';
import type { NextRequest } from 'next/server';
import parser from 'accept-language-parser';
import { locales, defaultLocale } from './i18n.config';

// دالة مساعدة للعثور على أفضل تطابق لغوي
function getBestLocale(acceptLangHeader: string | null) {
  if (!acceptLangHeader) {
    return defaultLocale;
  }

  // استخدام المحلل للعثور على أفضل لغة مدعومة
  const bestMatch = parser.pick(locales, acceptLangHeader, {
    loose: true,
  });

  return bestMatch || defaultLocale;
}

export function middleware(request: NextRequest) {
  const { pathname } = request.nextUrl;

  // 1. التحقق مما إذا كان الطلب للمسار الجذر
  if (pathname === '/') {
    // الحصول على اللغة المفضلة للمستخدم
    const acceptLang = request.headers.get('Accept-Language');
    const bestLocale = getBestLocale(acceptLang);

    // إعادة التوجيه إلى مسار اللغة الأفضل تطابقًا
    request.nextUrl.pathname = `/${bestLocale}`;
    return NextResponse.redirect(request.nextUrl);
  }

  // 2. بالنسبة لجميع المسارات الأخرى، استمر كالمعتاد
  return NextResponse.next();
}

export const config = {
  matcher: [
    // تخطي جميع المسارات التي تبدأ بـ:
    // - api (مسارات API)
    // - _next/static (الملفات الثابتة)
    // - _next/image (ملفات تحسين الصور)
    // - favicon.ico (ملف الأيقونة المفضلة)
    '/((?!api|_next/static|_next/image|favicon.ico).*)',
  ],
};