Angular

Despliega tu app de 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

    Despliégalo

    Ejecuta "npx harvis deploy dist/<project-name>/browser" desde la raíz de tu proyecto. Sin configuración y sin iniciar sesión para este primer despliegue — consigues una URL en vivo al instante, más un enlace privado de reclamación para vincular el sitio a una cuenta gratuita cuando quieras.

Despliega Angular con un comando

Compila tu proyecto y entrégale la carpeta de salida a harvis. No hace falta cuenta para este primer despliegue — consigues un enlace en vivo y un enlace privado de reclamación para gestionarlo más tarde.

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

¿Prefieres arrastrar archivos en vez de usar una terminal? Compila el proyecto y suelta la carpeta de salida aquí para publicarla igual.

Preguntas sobre desplegar 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.

¿Desplegar una app de Angular en harvis es realmente gratis?

Sí, sin tarjeta. Los límites gratuitos son 500 archivos y 50 MB por sitio, de sobra para un build estático de Angular. Los sitios publicados no caducan — siguen en vivo hasta que los elimines.

¿Puedo usar mi propio dominio con el sitio de Angular desplegado?

Cada sitio recibe una dirección harvis.dev gratuita, y puedes elegir tu propio subdominio desde el panel tras reclamarlo — mi-app.harvis.dev en vez de uno aleatorio. Apuntar un dominio que ya tengas (como mitienda.com) al sitio todavía no está disponible.

¿En qué se diferencia esto de desplegar Angular en Vercel o Netlify?

Vercel y Netlify giran en torno a conectar un repositorio Git y ejecutar tu build en sus servidores, con un panel para configurarlo. harvis se salta todo eso: compilas en local (o en tu propio CI), ejecutas un comando de la CLI contra la carpeta de salida y obtienes un enlace — sin configurar un proyecto, y sin necesidad de cuenta hasta que quieras conservar el sitio.

other frameworks

¿Vas a desplegar otra cosa?

La receta es la misma en todas partes — compílalo y luego npx harvis deploy la salida.