Di Chuyển Từ next-i18next Sang Intlayer

Để có hướng dẫn từng bước đầy đủ và chi tiết, vui lòng xem Hướng Dẫn Di Chuyển next-i18next đầy đủ của chúng tôi.

Intlayer xử lý tất cả các triển khai Next.js Pages Router và App Router một cách minh bạch. Sử dụng bộ điều hợp cho phép bạn di chuyển triển khai next-i18next mà không cần viết lại bất kỳ code nào.

Phải làm gì

Để bắt đầu, hãy chạy:

npx intlayer init

Lệnh này tạo file thiết lập Intlayer cần thiết. Để chuyển sang Intlayer ở hậu trường, hãy cập nhật next.config.ts của bạn:

import type { NextConfig } from "next";
import { createNextI18nPlugin } from "@intlayer/next-i18next/plugin";

const withIntlayer = createNextI18nPlugin();

const nextConfig: NextConfig = {};

export default withIntlayer(nextConfig);

Những gì diễn ra bên dưới

createNextI18nPlugin kết hợp hành vi gốc của Next.js cùng với plugin next-intlayer cốt lõi, chèn tất cả các bí danh Webpack/Turbopack cần thiết cho next-i18next, react-i18next và i18next.

Bên dưới:

• serverSideTranslations & appWithTranslation: Chúng hiện hoạt động như các wrapper cho các bộ tải nội bộ của Intlayer, bỏ qua việc chèn JSON tĩnh lớn.
• Hook phía client: Ủy thác ngay lập tức cho @intlayer/react-i18next, giữ lại tất cả các tính năng định dạng, số nhiều và namespace lồng nhau.