HOSTING PARA ANGULAR

Ejecuta ng build en tu terminal. Angular compila todo en la carpeta dist/your-project-name/browser/ (Angular 17+) o en dist/your-project-name/ (versiones anteriores). Abre esa carpeta, selecciona todos los archivos que contiene y comprímelos en un ZIP. Asegúrate de que index.html esté en la raíz del ZIP. Arrastra el ZIP a static.app y tu proyecto de Angular queda publicado, con una URL que puedes compartir al instante.

Todas. El resultado de la compilación siempre es HTML, CSS y JavaScript estáticos. La ubicación de la carpeta de salida cambia entre versiones, pero el proceso de hosting es el mismo.

El renderizado en servidor con Angular Universal necesita un servidor de Node.js en marcha, y Static.app no lo ofrece. Sin embargo, Angular Universal también admite el prerenderizado, que genera HTML estático durante la compilación. Usa el prerenderizado para crear archivos HTML de cada ruta y sube esos archivos a Static.app. Para quien visita tu web el resultado se ve y rinde como SSR, pero el HTML se sirve como un archivo estático en lugar de renderizarse en cada petición.

Sí. El prerenderizado genera HTML estático de cada ruta durante la compilación, sin necesidad de un servidor en marcha. Configura tus rutas en el prerenderizado, ejecuta la compilación y Angular genera un archivo HTML para cada página. Sube esos archivos a Static.app y tus visitas obtendrán la misma carga inicial rápida que con SSR, porque el HTML ya está listo antes de que se ejecute JavaScript. Es el enfoque recomendado para apps de Angular en hosting estático.

Activa Aplicación JavaScript en los ajustes de tu sitio web. Static.app servirá entonces index.html para cualquier URL que no coincida con un archivo real.

Los módulos con carga diferida (lazy loading) funcionan sin ninguna configuración especial. Cuando Angular compila tu proyecto, crea archivos JavaScript independientes (chunks) para cada módulo de este tipo. Static.app los sirve bajo demanda cuando el navegador los pide. La carga inicial de la página solo descarga el paquete principal, y los demás módulos se cargan en segundo plano a medida que la persona navega. Es una optimización que ocurre solo en el navegador y no depende de la plataforma de hosting.

Sí. Angular Elements se compila en archivos JavaScript estándar que registran elementos HTML personalizados. Incluye los archivos JS compilados junto a tu página HTML y funcionan en cualquier plataforma de hosting. Es útil para insertar componentes de Angular en sitios web que no usan Angular, crear bibliotecas de widgets o montar micro-frontends. El resultado compilado son archivos estáticos, así que encaja de forma natural con Static.app.

Sí. Los archivos de entorno de Angular (environment.ts, environment.prod.ts) se resuelven durante la compilación, no en tiempo de ejecución. Compila con ng build --configuration production para la configuración de producción o crea configuraciones propias en angular.json. Cada compilación genera un conjunto distinto de archivos estáticos con los valores de entorno correctos ya incluidos. Sube a Static.app el resultado que corresponda a cada entorno (pruebas, producción).

Sí. Si tu app de Angular incluye un service worker (con @angular/pwa), funciona en Static.app. El archivo del service worker se sirve como cualquier otro archivo estático.

La causa más habitual es el ajuste baseHref de tu compilación. Para alojar en la raíz en Static.app (tunombre.staticdomains.app/), el valor por defecto "/" funciona. Si los recursos siguen sin cargarse, vuelve a compilar con ng build --base-href ./ para usar rutas relativas. Comprueba también que la carpeta de recursos esté incluida en el ZIP. Mira la consola del navegador para ver los errores 404: te indicará qué archivos concretos no se cargan y dónde los busca el navegador.

Sí, GitHub Pages aloja apps de Angular gratis. Tendrás que fijar --base-href con el nombre de tu repositorio, configurar un 404.html propio para las rutas y usar un script de publicación o GitHub Actions. Static.app es más sencillo: compilas, comprimes en un ZIP y subes. Además tienes formularios, analítica, un editor de código y protección con contraseña, que GitHub Pages no ofrece. Las dos opciones sirven el mismo resultado de compilación estático.