TripMingle [NextJs14, Typescript, vanilla-extract] : NextJs14, nginx, pm2, Amazon Linux EC2, Github CI/CD, 무중단 배포, BlueGreen배포
·
프로젝트/여행 동행 웹앱 프로젝트
구현 환경AWS EC2 (Amazon Linux 2)Next.js 14PM2NginxGitHub Actionsgithub CI/CD 1. 깃허브 레포지토리 키 설정하기 - EC2_HOST : EC2의 인스턴스 퍼블릭 IP 주소 (54:232~~ )- EC2_KEY : EC2 인스턴스에 액세스 할 수 있는 SSH 키 (EC2 인스턴스를 만들 때 받은 .pem )- EC2_USER : EC2 인스턴스의 사용자 이름 (amazon linux 사용하면 ec2-user) 2. main.yml 브랜치 main 에 생성[프로젝트 루트/.github/workflows/main.yml]name: Deploy to Amazon EC2# main에 push 될 때 실행on: push: branches: [main]..
TripMingle [NextJs14, Typescript, vanilla-extract] : NextJs14 배포하기, EC2, Amazon Linux, pm2, nginx, 가비아 + Route 53 이용해서 도메인 등록하기
·
프로젝트/여행 동행 웹앱 프로젝트
1. EC2 인스턴스 생성AWS에서 EC2 인스턴스 생성이 필요한데, 이 과정은 인터넷에 매우 잘 나와있어서 생략하겠습니다.저같은 경우는 다음 블로그를 참고했습니다.https://velog.io/@kyj311/AWS-EC2-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0 저는 Amazon Linux기반의 EC2로 생성해줬습니다! 2. 인바운드 규칙 설정HTTP 80포트와 HTTPS 443포트를 열어주고, NextJS프로젝트를 올리기 위해 3000포트도 열어주었습니다.80이나 443포트로 들어오는 요청을 3000포트로 포워딩해주면 브라우저로 NextJs프로젝트를 볼 수 있습니다. 3. SSH로 EC2 컴퓨터에 접속해서 nodejs, pnpm 설치SSH로 EC2 연결하는 과정은 AWS에서 ..