Chunho’s DevLife

  • 홈
  • 태그
  • 방명록

i18n-next 1

[Next] Internationalization with next-translate-plugin, i18next in NEXT13

처음 프로젝트를 시작할 때 Next13버전의 App dir은 Stable하지 않다는 이유로, App dir가 아닌 Pages dir를 사용하여 페이지 라우팅을 진행했었다. 이후 기획의 변경으로 프로젝트에 다국어를 지원해야 하는 상황에 직면했다. 이전에 했던 프로젝트 중에 다국어를 적용했었던 경험이 있어 어렵지 않게 적용할 수 있다고 생각했는데, Next13에서는 꽤나 많은 삽질을 하게 되었다.... (30분이면 틀은 잡아놓을 수 있다고 생각했었는데, 동작을 하지 않아 이틀을 날려먹었던 ㅎㅎ) 처음 다국어를 지원하기 위해 사용한 라이브러리는 next-translate이다. nextJS의 공식문서에 Internationalization 관련 section이 있었고 locale 관련하여 기능을 제공해 주는 것..

Next.js 2023.08.22
이전
1
다음

방문자수Total

  • Today :
  • Yesterday :
프로필사진

Chunho’s DevLife

웹 프론트엔드, 모바일 게임 클라이언트를 개발하고 있습니다 :) 클린코드와 아키텍처에 관심이 많습니다.

  • 분류 전체보기 (112) N
    • Node.js (6)
    • React.js (60)
    • React-Native (4) N
    • Java (7)
    • 자료구조 (0)
    • 알고리즘 (0)
    • 코딩테스트 (1)
    • AWS (4)
    • Javascript (0)
    • ETC (9)
    • 컴퓨터 네트워크 (4)
    • 데이터 과학 (4)
    • Next.js (13)
    • 웹 해킹 (0)

Tag

ERR, react-query, framer-motion, rn, 성능최적화, Modal, react, useQuery, javascript, Next, CSS, API, nextjs, reactnative, Safari, typescript, SSR, getStaticProps, react-native, login,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 05  
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

Copyright © Kakao Corp. All rights reserved.

  • GitHub
  • Instagram

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.