AWS Amplify + react + vite 튜토리얼 (1)

amplify에 vite로 번들링한 리액트 앱을 배포하다가 자꾸 에러가 나서 처음부터 천천히 다시 해보기로 했다.

 

1. vite-react 만들기

이번엔 yarn으로 만들어보자

yarn create vite amplify-react-vite

2. amplify로 배포하기

이번에는 백엔드 환경 설정하지 않고 바로 배포해보자.

https://wonillism.tistory.com/274

AWS Amplify + React 튜토리얼(1)

이전 포스팅의 5.배포하기와 같은 방식

 

빌드 설정 단계에서 약간의 수정이 필요하다.

vite로 번들링 된 프로젝트를 빌드하면 build 디렉토리가 생기지 않고 dist 디렉토리가 생긴다.

baseDirectory를 dist로 변경

 

빌드 설정을 완려하고 저장 및 배포를 누르면 배포가 완료된다.