원하는 기능
💡 git branch에 push 하면 자동으로 무중단 배포
aws 검색창에 amplify 검색
![](https://velog.velcdn.com/images/itkdgus489/post/f5101852-919c-4653-8cb2-0490bcc09cca/image.png)
클릭 후 하단에 원하는 기능 선택 (웹으로 선택)
![](https://velog.velcdn.com/images/itkdgus489/post/6a05d65e-dce4-4477-8858-8ceb43fec784/image.png)
git으로 관리를 원하기때문에 github 선택
![](https://velog.velcdn.com/images/itkdgus489/post/82f28dcc-d8b1-4dd1-8743-95d36a76e605/image.png)
github 권한을 aws에 줘야 하기 때문에 레포지토리가 안보이면 권한 부여
![](https://velog.velcdn.com/images/itkdgus489/post/941f1801-7623-45f6-bfa3-80b68012761a/image.png)
이런식으로 권한 부여
![](https://velog.velcdn.com/images/itkdgus489/post/21616866-160f-4661-907f-799fdbb9ba4d/image.png)
해당 부여받은 repositories를 선택 후 brnach까지 선택
![](https://velog.velcdn.com/images/itkdgus489/post/62d59af0-6d99-4e1d-9101-42f29b3daa62/image.png)
다음으로 와서 해당부분에 다음과 같이 입력
![](https://velog.velcdn.com/images/itkdgus489/post/556e766f-df64-42bd-adaa-7f89c0d9ed5f/image.png)
![](https://velog.velcdn.com/images/itkdgus489/post/76f652f4-15f4-4ebe-a170-97b8cfa57446/image.png)
version: 1
frontend:
phases:
preBuild:
commands:
- npm ci
build:
commands:
- if [ "${AWS_BRANCH}" = "development" ]; then npm run dev:build;
else npm run prod:build; fi
artifacts:
baseDirectory: .next
files:
- '**/*'
cache:
paths:
- node_modules/**/*
검토페이지에서 맞는지 확인후 배포 클릭
![](https://velog.velcdn.com/images/itkdgus489/post/60b9e596-bf6e-4844-bb5e-6c2ea05fbb6f/image.png)
이렇게뜨면 성공
![](https://velog.velcdn.com/images/itkdgus489/post/420349e1-1bc9-42d6-83db-04fa9e5525bb/image.png)
왼쪽 아래 빨간색칙 부분이 도메인인데 클릭하면 해당 배포 환경을 볼 수 있다