2차 배포 (FE)

[suyons]

작성 시간

2024-04-16 22:45

문제 1

단일의 프리 티어 EC2 인스턴스에 전체 앱을 배포하기에 자원이 부족하여 앱 실행에 무리가 있음.

해결 1

프론트엔드와 백엔드를 분리

Next.js -> Vercel Spring + FastAPI -> EC2 또는 Lambda

Vercel 배포는 간단하게 다음과 같이 설정했다.

이후 다음과 같은 404 오류가 표시되었다.

이 오류의 원인은 바로 파악할 수 있었다. main 브랜치는 현재 비어 있기 때문이었다.

Merge: dev -> main을 진행했다.

git checkout main
git merge --no-ff --no-commit dev

이후 404 오류는 표시되지 않고 랜딩 페이지가 잘 표시되었다.

문제 2

도메인 네임 연결

해결 2

참고 문서: https://vercel.com/docs/projects/domains/add-a-domain

가비아에서 도메인 resumate.store를 구입했다.

이후 Vercel의 프로젝트 설정 - Domains를 클릭했다.

레코드가 추가되지 않았으니 이렇게 오류가 표시되는 것이 원래 맞다.

가비아에서 DNS 레코드 설정 메뉴로 이동한다.

다음과 같이 레코드를 추가한다.

문제 3

해당 주소로 접속 시 ERR_SSL_PROTOCOL_ERROR가 표시되었다.

해결 3

https://vercel.com/guides/resolve-err-ssl-protocol-error-with-vercel

다음의 글을 읽고 나서 아직 도메인 정보를 ISP에 등록하는 과정 중이므로 더 기다려 보는 게 괜찮겠다 생각했다.

5분 후에 다시 시도하니 다음과 같이 랜딩 페이지가 정상적으로 표시되었다.

[suyons]

Close #89