1. npm run build:worker
- mqttWorker.ts 에서 mqttWorker.built.js로 만들기위한 build로 git으로 가져왔다면 mqttWorker.built.js가 이미 생성되어있어서 굳이 build를 하지 않아도 됨
- 하지만 mqttWorker.ts를 수정한경우 build를 해주어야하는데 이때 src\app\layout.tsx의 getPrefLangCookie와 충돌하여 정상적으로 build가 이루어지지 않음
----> 이때 처리방법 getPrefLangCookie과 관련된 항목들 주석처리
//src/app/layout.tsx
// 쿠키 가지고오는 부분 build:worker시 주석
export const getPrefLangCookie = () => {
return cookies().get('googtrans')?.value ?? 'ko';
};
//return부분 아래와 같이 변경
<Layout settingData={parsedSettingData} svMssqlData={farmsArray}>
//src/layout/Layout.tsx
type LayoutProps = {
children?: React.ReactNode;
settingData: SettingsPayload;
//langCookie: string;
svMssqlData: FarmInfo[];
};
const Layout: React.FC<LayoutProps> = ({ children, settingData, svMssqlData }) => {
//return부분 Nav에 langCookie를 전달하는부분 삭제
<Nav />
//src/layout/Nav.tsx
//NavProps 제거
//type NavProps = {
// langCookie: string;
//};
const Nav: React.FC = () => {
//return부분에서 langCookie대신 ko로 기본값 사용
//<GoogleTranslate prefLangCookie={langCookie} />
<GoogleTranslate prefLangCookie={'ko'} />
2. npm run build
- .next 폴더삭제/ .next.zip삭제 후 src\app\layout.tsx에서 meta tag의 날짜 변경
- npm run build 후 .next 폴더를 .next.zip으로 압축
- git 에 저장 후 배포
'React' 카테고리의 다른 글
Next auth와 Bearer 토큰 (0) | 2024.11.28 |
---|---|
next-auth (2) | 2024.10.31 |
Next.js 구글번역을 이용한 웹페이지 번역 (0) | 2024.08.05 |
next.js에 구글 번역 적용하기 (0) | 2024.07.26 |
다국어 지원 관련 방법 2 (0) | 2024.07.25 |