Next.js Static exports에서도 React Server Component를 사용할 수 있다. 대신에 빌드 타임에 모두 Fetch해서 화면을 그리기 때문에 런타임
에서는 서버 컴포넌트를 사용하지 않는다.
환경 변수 파일을 github actions의 step에서 생성 할 수 있다.
환경 변수들을 github 레포지토리의 settings 메뉴에 secrets 탭에 저장 해놓는다.
github Actions가 실행되는 특정 단계에 위에 설정해 놓은 환경변수를 가지고 프로젝트 내부에 .env.production
파일을 만들 수 있다.
Server Actions are not supported with static export.
next.config.js
에 static exports 셋팅을 해놓으면, Next.js의 Server Actions을 이용할 수 없다.
Server Action을 사용하기 위해서는 서버가 런타임에 running 중이여야하는데, static export는 정적 리소스이기 때문에 사용을 못하고 Next.js 에서도 이를 막아 놓았다.
<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/e8eeb5bf-cabd-44e4-b5fd-6bc2369cc7e7/dd744989-0d5d-4ca0-8fe9-3656b8a8f353/medic2.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/e8eeb5bf-cabd-44e4-b5fd-6bc2369cc7e7/dd744989-0d5d-4ca0-8fe9-3656b8a8f353/medic2.png" width="40px" /> Static export에서 지원하지 않는 기능들 참고 https://nextjs.org/docs/app/building-your-application/deploying/static-exports#unsupported-features
</aside>
AWS Certificate SSL 받을때 버지니아 북부
로 등록해야한다.
Git 이 대소문자를 구분못해 github Actions에서 build stage에 실패가 뜬다.
로컬 build에서는 성공적으로 빌드가 되지만, 리모트에서 빌드가 진행될때 실패한다.
<aside>
🔑 https://s0ojin.tistory.com/47 다음 블로그를 확인하고 대소문자 구분을 할 수 있게 git 설정을 변경한다음 캐시 삭제를 해준후 push
를 하니 정상적으로 빌드 배포가 이루어졌다!
</aside>