next intl 다운로드 - next intl 소스 코드 다운로드

next intl

기타 소스코드

v3.25.1

다운로드

Next.js를 위한 국제화(i18n)

특징

국제화(i18n)는 사용자 경험의 필수적인 부분이므로 next-intl 언어의 뉘앙스를 올바르게 파악하는 데 필요한 모든 부분을 제공합니다.

ICU 메시지 구문 : 보간법, 기수 및 서수 복수형, 열거 기반 레이블 선택 및 서식 있는 텍스트를 사용하여 메시지를 현지화합니다.
날짜, 시간 및 숫자 : 시간대와 같은 서버/클라이언트 차이에 대해 걱정하지 않고 적절한 형식을 적용합니다.
유형 안전 : 메시지 키 자동 완성으로 개발 속도를 높이고 컴파일 타임 검사를 통해 오타를 조기에 발견합니다.
후크 기반 API : 코드 기반 전체에서 번역을 일반 문자열이나 서식 있는 텍스트로 변환하는 데 사용할 수 있는 단일 API를 알아보세요.
Next.js 기반 및 성능 중심 : 앱 라우터, 서버 구성 요소, 정적 렌더링 - 올바른 작업에 적합한 도구를 선택하세요. next-intl은 어디에서나 작동합니다.
국제화된 라우팅 : 언어별로 고유한 경로 이름을 제공하고 선택적으로 검색 엔진 최적화를 위해 경로 이름을 현지화합니다.

그것은 어떻게 생겼나요?

 // 'next-intl'의 UserProfile.tsximport {useTranslations};
 기본 함수 내보내기 UserProfile({user}) {
  const t = useTranslations('UserProfile');

   return (<section> <h1>{t('title', {firstName: user.firstName})}</h1> <p>{t('membership', {memberSince: user.memberSince})}</p > <p>{t('followers', {count: user.numFollowers})}</p></section>
  );}

 // en.json{
  "UserProfile": {"title": "{firstName}님의 프로필","membership": "{memberSince, date, short} 이후 회원","followers": "{count, plural, ↵ =0 {팔로워 없음 아직} ↵ =1 {팔로워 1명} ↵ 기타 {팔로워 #명} ↵ }"
  }}