서버를 사용하지 않은 앵귤러 프로젝트 (Static)는 간단하게 배포가 가능한데요 다양한 플랫폼 중 오늘은 Netlify를 통해 배포해 보겠습니다.
Develop and deploy websites and apps in record time | Netlify
Develop and deploy websites and apps in record time | Netlify
Accelerate the time to deploy your websites and apps. Bring your integrations and APIs together on one powerful serverless platform. Get started for free!
www.netlify.com
Netlify로 이동하여 'Add new site'를 누릅니다.
'Import an existing project'를 선택합니다.
연결을 원하는 플랫폼을 선택합니다 (저는 깃을 선택했습니다)
원하는 레포를 선택하는 화면이 나오는데, 원하는 레포가 보이지 않는 경우 'Configure the Netlify app on GitHub' 버튼을 누릅니다.
로그인 후
'Repository access' 칸으로 내려가 원하는 레포를 선택합니다 (렌더와 동일한 프로세스)
해당 레포의 선택이 완료되면 'Save'를 누릅니다.
다음으로 프로젝트 세팅인데요. 빌드커맨드에 'npm run build'를 입력하고 퍼블릭 디렉터리에 빌드를 통해 생성된 dist파일과 해당 프로젝트명을 지정합니다 (dist/projectName).
다음으로 주 브랜치를 지정합니다 (main 또는 master)
※환경변수를 지정한 경우 아래와 같이 추가합니다 (백엔드 환경변수를 백엔드 서버 플랫폼에서 지정한 경우 여기에 중복하여 지정할 필요는 없습니다).
이상으로 Netlify를 통해 앵귤러 프로젝트를 배포해 보았습니다.
'프론트엔드 > 앵귤러' 카테고리의 다른 글
| 앵귤러 directives - ngFor (0) | 2023.01.24 |
|---|---|
| 앵귤러 (Front) - 배포하기 (Vercel) (0) | 2023.01.24 |
| 앵귤러 - Observable (0) | 2023.01.19 |
| 앵귤러 폼 - 템플릿 드리븐 폼 (0) | 2023.01.14 |
| 앵귤러 - 스타일 라이브러리(부트스트랩, 제이쿼리, 폰트어썸) (0) | 2023.01.11 |
