next-i18n ssr에서 적용 문제

choi seung-i·2023년 11월 9일
0

작업로그

목록 보기
13/18

로컬과 netlify를 사용했을땐 잘 작동 되었었는데, amplify로 옮기면서 두가지 이슈가 생겼다.

  1. i18n이 깨진다

  2. next-auth로 소셜로그인 진행 시 Server error....

이미지 뜨는게 느려서 옮길려했다가 ssr의 문제들로 고통을 받을줄이야...
당장 QA돌려야하니 netlify로 돌아가고 amplify dev에서 이슈해결 시작

next12에서 i18n을 적용 하던 중 ssr페이지 이동시에만 t()내부에 써주는 값이 그대로 노출되는 이슈가 생겼다.

이슈들과 구글링을 통해 이것저것 적용 해 봤지만 해결이 되지않던 중,
빛한줄기와 같은 글을 발견

https://github.com/i18next/next-i18next/issues/2192

문제상황 캡쳐까지 올려줘서 나랑 동일한 문제임을 확신하였고, 글의 링크를 타고 타고 들어가서 해결책 이슈를 찾았다!

https://github.com/i18next/next-i18next/issues/1552

const path = require("path");

module.exports = {
  i18n :{
    locales: ["ko","en"],
    ...
  },
  localePath: path.resolve("./public/locales"),
}

localePath !!!! 이것을 추가함으로 해결

ssr 페이지의 푸터도 깨지지 않고 잘~ 나온닷

ssr, 뭔가 까다롭고 신경써줘야할게 많은 녀석같다는걸 다시 느끼고
nextauth 해결하러 출발...

profile
Front-end

0개의 댓글