next-export-i18n v1.2.1: Next.js 및 Mustache를 사용한 i18n

오늘 저는 version 1.2.1 중 next-export-i18n와 완전히 호환되는 Next.js용 i18n 모듈인 next export를 출시했습니다.

next-export-i18n로 $ npm i next-export-i18n를 설치하거나 npm.js에서 next-export-i18n v1.2.1을 방문하세요.

새로운 기능: 동적 번역 + 콧수염

버전 1.2.1부터는 translation.json에서 mustache 템플릿을 정의하고 번역된 문자열을 동적 콘텐츠로 즉시 채울 수 있습니다.

번역.json

{
    "myTemplate": "{{count}} times",
}

Module.js

    import { useTranslation} from 'next-export-i18n'
    const { t } = useTranslation();
    const key = 'myTemplate';
    let string = t(key, { count: 2 })) // string will be "2 times"

next-export-i18n 정보

이 npm 모듈은 next export 를 사용하여 프로젝트의 국제화(i18n)를 위한 간단한 솔루션을 제공합니다.

Next.js는 이미 국제화(i18n) 라우팅을 기본적으로 지원합니다. 로케일 목록, 기본값 및 도메인별 로케일을 제공할 수 있으며 Next.js가 라우팅을 자동으로 처리합니다. react-intl , react-i18next , lingui , rosetta , next-intl 와 같이 Next.js에 사용할 수 있는 거의 모든 기존 l18n 라이브러리 솔루션에 대한 둘러보기 및 로캘 구문 분석을 간소화합니다.

안타깝게도 Next.js i18n-routing은 next export를 지원하지 않습니다.
이는 i18n-routing의 빌드를 활용하는 i18n 라이브러리 중 어느 것도 next export 로 생성된 완전한 정적 사이트를 지원할 수 없음을 의미합니다.
next-export-i18n는 next export를 사용하여 진정한 정적인 웹 사이트를 생성하려는 경우 국제화(i18n)를 위한 간단한 솔루션을 제공합니다.

자세한 내용은 Introduction to next-export-i18n 을 참조하십시오.

샘플 구현

예제 구현next-export-i18n-example.vercel.app과 해당 소스 코드github: https://github.com/martinkr/next-export-i18n-example 를 살펴볼 수도 있습니다.

연결

next-export-i18n npm module

구현 예: https://next-export-i18n-example.vercel.app

npm 모듈용 Github: https://github.com/martinkr/next-export-i18n

예를 위한 Github: https://github.com/martinkr/next-export-i18n-example .

나를 팔로우하고 고려하십시오buy me a coffee


Jerry Zhang에 Unsplash의 사진