티스토리 뷰
AWS Elastic Beanstalk 은 코드만 올리면 알아서 npm install, npm run start, 도메인 연결 등을 자동으로 해줍니다.
버전 관리도 해주며, 신경 쓸거는 코드를 업로드하는 것만 신경써주면 됩니다.
IAM 생성
배포할라면 IAM 을 무조건 만들어줘야 합니다. 배포할라면 무조건 만들어줘야하니 그냥 일단 만들어봅시다.
IAM 을 검색해서 역할 > 역할 생성을 눌러줍니다.
1단계 - 신뢰할 수 있는 엔티티: AWS 서비스, 사용사례는 EC2

2단계 - 권한 추가에서 다음 3개를 추가해줍시다. (AWSElasticBeanstalkWebTier, AWSElasticBeanstalkWorkerTier, AWSElasticBeanstalkMulticontainerDocker)
3단계 - 의미있는 이름을 넣어줍시다. (ws-elasticbeanstalk-ec2-role)
만들었으면, 한 개 더 추가로 만들어봅시다.
1단계 - AWS 서비스, 사용 사례는 Elastic Beanstalk

2단계 - AWSElasticBeanstalkEnhancedHealth, AWSElasticBeanstalkService
3단계 - 이름을 추가해줍시다. (aws-elasticbeanstalk-service-role)
Elastic beanstalk 으로 배포해봅시다.
아래와 같이 셋팅해 줍니다.
소스 코드는 build 해서 나온 .next 와 소스 파일을 담아서 올려줍시다.


이제 우리가 만들었던 서비스, ec2 를 달아줍시다.

그 다음 쭉 넘어가서 이제 인스턴스 유형만 설정해줍시다.
프리티어는 t2.micro 로 해주시면 됩니다.~

이제 다음 다음 해주시면 배포가 완료 될 것입니다.
나온 도메인 그대로 들어가면 접속 가능합니다.
완료되면 상태 Ok 가 나올겁니다.

'개발.. > Nextjs' 카테고리의 다른 글
Nextjs 14 에서 환경변수 설정하기 (0) | 2024.03.14 |
---|---|
Nextjs14 에서 메타 데이터 설정 방법 (0) | 2024.03.13 |
Nextjs13 middleware 추가하기 (0) | 2024.01.01 |
Nextjs 에서 Auth.js 를 이용한 소셜로그인 (0) | 2023.11.26 |
static rendering, dynamic rendering, cache (0) | 2023.11.05 |
- Total
- Today
- Yesterday
- cors
- 서버 to 서버
- vue router
- 네이버 서치 어드바이저
- React
- 스벨트
- openAI
- NUXT
- AWS
- nextjs13
- webpack
- svelte
- Github Actions
- nodejs
- dockerfile
- 타입스크립트
- nextjs15
- nextjs14
- vue composition api
- 티스토리챌린지
- ChatGPT
- seo
- Git
- 깃허브
- 오블완
- nuxt2
- NextJS
- Zustand
- vscode
- Vite
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |