Angular

Publique seu app 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

    Publique

    Execute "npx harvis deploy dist/<project-name>/browser" a partir da raiz do seu projeto. Sem configuração e sem login para esta primeira publicação — você recebe um URL ao vivo imediatamente, mais um link privado de reivindicação para vincular o site a uma conta gratuita quando quiser.

Publique Angular com um comando

Compile seu projeto e entregue a pasta de saída ao harvis. Nenhuma conta necessária para a primeira publicação — você recebe um link ao vivo e um link privado de reivindicação para gerenciá-lo depois.

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

Prefere arrastar arquivos em vez de usar o terminal? Compile o projeto e solte a pasta de saída aqui para publicá-la da mesma forma.

Perguntas sobre publicar 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.

Publicar um app Angular no harvis é realmente gratuito?

Sim, sem precisar de cartão. Os limites gratuitos são 500 arquivos e 50 MB por site, o que cobre um build estático de Angular com folga. Sites publicados não expiram — eles ficam no ar até você excluí-los.

Posso usar meu próprio domínio com o site Angular publicado?

Todo site recebe um endereço harvis.dev gratuito, e você pode escolher seu próprio subdomínio pelo painel depois de reivindicá-lo — meu-app.harvis.dev em vez de um aleatório. Apontar um domínio que você já possui (como minhaloja.com) para o site ainda não é suportado.

Qual a diferença entre isso e publicar Angular no Vercel ou Netlify?

Vercel e Netlify giram em torno de conectar um repositório Git e rodar seu build nos servidores deles, com um painel para configurar tudo. O harvis pula tudo isso: você compila localmente (ou no seu próprio CI), executa um único comando da CLI apontando para a pasta de saída e recebe um link — sem configurar projeto nenhum, e sem precisar de conta até você querer manter o site.

other frameworks

Vai publicar outra coisa?

A receita é a mesma em todos os casos — compile e depois npx harvis deploy na saída.