
Next.js 다국어 라우팅 가이드 App Router + next-intl 설정 방법 정리 (1편)

·
리액트/NextJs
1. 개요글로벌 웹 서비스를 구축하면서 다국어 지원(internationalization, i18n) 기능을 직접 구현했던 경험을 정리해 공유합니다.이 글에서는 Next.js 13 이상 버전의 App Router 환경에서 `next-intl` 라이브러리를 사용해 언어별 URL 라우팅, 자동 리다이렉션, 번역 메시지 구성 등 다국어 라우팅을 설정하는 방법에 대해 단계별로 설명합니다.✅ 이번 글에서는 `next-intl` 설정만 다루고, 다음 글(2편)에서는 실제 화면에서 다국어 메시지 렌더링, 언어 전환 UI를 구현합니다.2. next-intl을 활용한 다국어 라우팅 설정2-1. next-intl 라이브러리 설치먼저, 프로젝트에 `next-intl` 패키지를 설치합니다.npm install next-in..