harvis
Angular

I-deploy ang iyong Angular app

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

    I-deploy ito

    Patakbuhin ang "npx harvis deploy dist/<project-name>/browser" mula sa project root mo. Walang config at walang login para sa unang deploy na ito — agad kang makakakuha ng live URL, kasama ang private na claim link para idugtong ang site sa libreng account kapag handa ka na.

I-deploy ang Angular gamit ang isang command

I-build ang project mo, tapos ibigay sa harvis ang output folder. Walang kailangang account para sa unang deploy — makakakuha ka ng live link at private na claim link para pamahalaan ito sa susunod.

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

Mas gusto mong mag-drag ng file kaysa terminal? I-build ang project, tapos i-drop ang output folder dito at i-publish ito sa parehong paraan.

Mga tanong sa pag-deploy ng 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.

Talaga bang libre ang pag-deploy ng Angular app sa harvis?

Oo, walang kailangang card. Ang libreng limit ay 500 file at 50 MB kada site, na sapat na sapat para sa static Angular build. Hindi nag-e-expire ang mga na-publish na site — mananatili itong live hanggang sa i-delete mo ito.

Puwede ko bang gamitin ang sarili kong domain sa na-deploy na Angular site?

Bawat site ay makakakuha ng libreng harvis.dev address, at puwede kang pumili ng sarili mong subdomain mula sa dashboard pagkatapos itong i-claim — my-app.harvis.dev sa halip na random. Ang pagtuturo ng domain na meron ka na (tulad ng mystore.com) papunta sa site ay hindi pa suportado.

Ano ang pagkakaiba nito sa pag-deploy ng Angular sa Vercel o Netlify?

Umiikot ang Vercel at Netlify sa pagkonekta ng Git repo at pagpapatakbo ng build mo sa mga server nila, may dashboard para i-configure ito. Nilalaktawan ng harvis ang lahat ng iyon: nagbi-build ka locally (o sa sarili mong CI), nagpapatakbo ng isang CLI command laban sa output folder, at makakakuha ng link — walang project setup, at walang kailangang account hanggang gusto mong panatilihin ang site.

other frameworks

Nag-de-deploy ka ng iba?

Pareho ang proseso kahit saan — i-build ito, tapos npx harvis deploy ang output.