Payload를 next-intl과 함께 사용하는 방법
Payload는 자체적으로도 international 옵션이 구축되어 있습니다. 하지만, 경우에 따라서는 next-intl과 함께 사용하는게 편리한 경우가 있습니다. 저는 별도의 Messages를 사용하지는 않지만, next-intl의 routing과 navigation 기능을 사용하기 위해 함께 쓰고 있습니다.
구체적으로 Payload와 next-intl을 함께 사용하는 예
Payload + next-intl의 장점
요약
- Payload + next-intl: 현지화(i18n) 관련 기능(라우팅, 링크, 미들웨어)을 자동화하여 개발 생산성을 높이고 유지보수를 간소화합니다. 특히 다국어 지원이 중요한 프로젝트에 적합합니다.
- Payload Only: 유연하지만, 모든 국제화 기능(라우팅, 링크, 미들웨어)을 직접 구현해야 하므로 복잡도가 증가하고 개발 시간이 늘어날 수 있습니다.
비교
| 기능 | Payload + next-intl | Payload만 사용 |
|---|---|---|
| 1. 라우팅 및 로케일 | - next-intl은 Next.js의 i18n 라우팅을 자동 처리하며, 언어별 URL 경로(prefix 또는 도메인 기반)를 쉽게 설정 가능 - 자동 로케일 감지 및 리다이렉션 지원(예: /en/about, /ko/about) | - Payload의 localization 설정으로 언어별 데이터를 관리 가능 - Next.js에서 직접 라우팅 로직을 작성해야 하며, 자동 리다이렉션은 별도 구현 필요 |
| 2. 내비게이션 및 링크 | - next-intl의 <Link /> 컴포넌트는 로케일을 자동 처리하며, URL에 언어 코드를 추가하거나 변경 가능 - 내비게이션 API를 통해 언어별 링크를 간단히 생성 | - Payload의 글로벌(Global) 설정으로 내비게이션 데이터를 관리 가능 - Next.js의 기본 <Link />를 사용해 언어별 경로를 수동으로 처리해야 함 |
| 3. 미들웨어 관련 | - next-intl 미들웨어는 요청 헤더(Accept-Language)를 기반으로 로케일을 감지하고 리다이렉션 처리 - 다국어 URL과 페이지 리다이렉션을 자동화 | - Payload는 기본적으로 미들웨어를 제공하지 않으므로 Next.js에서 직접 구현 필요 - 요청 분석 후 수동으로 리다이렉션 로직 작성 필요 |
