harvis
Angular

Angular 앱 배포하기

ng build produces static files either way, but exactly where it puts them changed with Angular 17's new esbuild-based application builder — worth checking before you point the CLI at the wrong folder.

steps
  1. 01

    Build the app

    Run "ng build" (or "npm run build"). Angular compiles and minifies the project into static output — no dev server, no watch mode.

  2. 02

    Check which output layout you have

    Angular 17 and newer (application builder): output lands in "dist/<project-name>/browser". Angular 16 and older: it's directly in "dist/<project-name>". Look for the folder that has an index.html at its top.

  3. 03

    배포하기

    프로젝트 루트에서 "npx harvis deploy dist/<project-name>/browser"를 실행하세요. 첫 배포에는 설정도 로그인도 필요 없습니다 — 즉시 실제 URL을 받고, 준비가 되면 언제든 사이트를 무료 계정에 연결할 수 있는 비공개 소유권 등록 링크도 함께 받습니다.

Angular을(를) 명령어 하나로 배포하세요

프로젝트를 빌드한 다음 출력 폴더를 harvis에 넘기세요. 첫 배포에는 계정이 필요 없습니다 — 실제 링크와, 나중에 관리할 수 있는 비공개 소유권 등록 링크를 받게 됩니다.

terminal
ng build
npx harvis deploy dist/<project-name>/browser

터미널 대신 파일을 드래그하는 게 편하신가요? 프로젝트를 빌드한 다음 출력 폴더를 여기에 드롭하면 같은 방식으로 공개됩니다.

Angular 배포 관련 질문

The dist folder doesn't have an index.html at the top — what am I missing?

You're on Angular 17+, where the application builder nests browser output one level deeper for the browser bundle. Look inside "dist/<project-name>/browser" instead of "dist/<project-name>" — that's the folder to deploy.

Does Angular routing (RouterModule) work after deploying?

Yes, for the default hash-free routing strategy — harvis falls back to your index.html for paths it doesn't recognize as files, which is what a direct visit to a deep route needs to resolve.

Angular 앱을 harvis에 배포하는 게 정말 무료인가요?

네, 카드 등록도 필요 없습니다. 무료 제한은 사이트당 파일 500개, 50MB로, 정적 Angular 빌드라면 여유 있게 충분합니다. 공개된 사이트는 만료되지 않고 삭제하기 전까지 계속 유지됩니다.

배포한 Angular 사이트에 내 도메인을 쓸 수 있나요?

모든 사이트에는 무료 harvis.dev 주소가 부여되며, 소유권을 등록한 뒤 대시보드에서 원하는 서브도메인을 직접 고를 수 있습니다 — 임의의 이름 대신 my-app.harvis.dev처럼요. 이미 소유한 도메인(mystore.com 같은)을 사이트에 연결하는 기능은 아직 지원하지 않습니다.

Angular을(를) Vercel이나 Netlify에 배포하는 것과 무엇이 다른가요?

Vercel과 Netlify는 Git 저장소를 연결하고 자체 서버에서 빌드를 실행하며 대시보드로 설정하는 방식을 중심으로 만들어졌습니다. harvis는 이 과정을 전부 생략합니다: 로컬(또는 자체 CI)에서 빌드한 다음 출력 폴더에 대고 CLI 명령어 하나를 실행하면 링크를 받습니다 — 프로젝트 설정도 필요 없고, 사이트를 계속 유지하고 싶어질 때까지 계정도 필요 없습니다.

other frameworks

다른 것을 배포하시나요?

방법은 어디서나 동일합니다 — 빌드한 다음 출력 폴더를 npx harvis deploy하세요.