백엔드 배포가 끝났다면, 이제 프론트엔드를 AWS에 배포해야 합니다!

React, Vue, Next.js 등 정적 웹사이트는 AWS S3 + CloudFront를 사용하여 배포할 수 있습니다. 🚀

📌 1. 프론트엔드 빌드

로컬에서 프론트엔드를 빌드해야 합니다.

(1) React 프로젝트 빌드

bash
복사편집
npm run build  # 또는 yarn build

dist/ 또는 build/ 폴더가 생성됨

(2) Vue 프로젝트 빌드

bash
복사편집
npm run build

dist/ 폴더가 생성됨

(3) Next.js 프로젝트 빌드

bash
복사편집
npm run build
npm run export

out/ 폴더가 생성됨

📌 2. AWS S3에 배포

정적 파일을 호스팅하기 위해 AWS S3 버킷을 생성하고 파일을 업로드합니다.

(1) S3 버킷 생성

1. AWS 콘솔 → S3 → "버킷 생성"