nextjs

NextJS - ReferenceError: File is not defined 해결하기 작성 일자 : 2024년 12월 21일 (이미지) 어떤 문제가 발생했는가?Answer: NextJS에서 Production 서버에서만 ReferenceError: File is not defined 에러 발생   CloudWatch 로그ReferenceError: File is not definedat 40901 (/app/.next/server/chunks/438.js:1:5746)at Function.t (/app/.next/server/webpack-runtime.js:1:128)at process.processTicksAndRejections (node:internal/process/task_queues:95..

NextJS - Prettier, ESLint 및 prettier-plugin-tailwindcss 설정하기 작성 일자 : 2024년 10월 06일   Prettier, ESLint NextJS 프로젝트에서 Prettier와 ESLint를 설정하는 방법에 대해 알아보겠습니다.  NPM 패키지 설치npm i -D prettiernpm i -D eslint eslint-config-prettier eslint-plugin-prettiernpm i -D @typescript-eslint/parser @typescript-eslint/eslint-plugin  Prettier 설정 .prettierrc 파일 생성touch .prettierrc  .prettierrc 작성{ "printWidth": 80, ..

S3와 CloudFront를 이용한 NextJS 배포 및 Github Actions 배포 자동화(2024) 작성 일자 : 2024년 05월 19일  본 포스팅에서 다루는 내용Static Exports 방식으로 NextJS 프로젝트 빌드S3 버킷 생성 및 정적 웹 사이트 호스팅Route 53 Hosted Zone 생성ACM SSL/TLS 인증서 발급CloudFront 배포 및 도메인 연결Github Actions를 통한 배포 자동화   Static Exports 방식으로 NextJS 프로젝트 빌드 Static Exports는 Next.js 애플리케이션을 정적 HTML 파일로 내보낼 수 있는 기능으로, Node.js 서버 없이도 모든 정적 호스팅 서비스에서 제공할 수 있습니다. Static Exports는..