Qué es Angular
Angular es un framework de Google para construir aplicaciones web completas en TypeScript. Incluye de serie el enrutado, los formularios, las peticiones al servidor y las pruebas, por lo que es habitual en paneles de gestión y aplicaciones con mucha lógica en el navegador. Junto con NestJS, es mi especialidad.
Cómo lo uso
Llevo usando Angular desde la versión 12 y he ido adoptando cada cambio importante. En los proyectos actuales, con Angular 21:
- Componentes standalone, sin NgModules. La configuración de la aplicación vive en un único fichero con sus providers: router, cliente HTTP, traducciones.
- Señales para el estado de los componentes y valores derivados, e
inject()para las dependencias. - Carga diferida por ruta, de modo que cada pantalla se descarga solo cuando se visita.
- Guards funcionales para proteger las zonas privadas y las de administración.
- Renderizado en servidor (SSR) para que las páginas públicas lleguen completas a Google, con un servicio propio que gestiona título, descripción, URL canónica y datos estructurados, y un sitemap que se genera antes de cada build.
- Estructura por capas: núcleo (servicios, guards, utilidades), datos (clientes de la API), funcionalidades (una carpeta por pantalla) y componentes compartidos.
- Internacionalización con ficheros de traducción y pruebas con Vitest.
En versiones anteriores trabajé con Angular Material, prerenderizado, Firebase Auth y Stripe en el navegador.
Proyectos donde lo he usado
- El frontal de un marketplace propio de encargos para creadores de mods: listado y detalle de trabajos, propuestas, chat, perfiles de desarrolladores, panel de administración y editor de texto enriquecido, con SSR y en varios idiomas.
- Webs y paneles de una comunidad de servidores de juego, con tienda y pagos.
- La web de un bot de Discord con su propia librería de componentes.
- Mi primer portfolio, en Angular con Tailwind.
Cuándo lo recomiendo y cuándo no
Lo recomiendo para aplicaciones de gestión: paneles internos, back-offices, herramientas con muchos formularios, permisos y pantallas. Su estructura marca un camino claro, y eso se nota cuando el proyecto dura años o cambia de manos. Combina muy bien con un backend en NestJS porque ambos comparten estilo y lenguaje.
No es mi primera opción para una web pública pequeña donde lo importante es el SEO y la velocidad de carga con poco código; ahí suelo usar Next.js. Tampoco tiene sentido introducirlo en un equipo que ya domina otro framework si no hay una razón de peso.
Preguntas frecuentes
¿Angular sigue siendo una buena opción hoy?
Sí. Las últimas versiones han simplificado mucho su uso con componentes standalone y señales, y tiene un calendario de versiones predecible.
¿Puedes actualizar mi aplicación Angular antigua?
Sí. Lo hago por pasos, versión a versión, comprobando que todo funciona en cada salto antes de seguir.
¿Una aplicación Angular puede posicionar en Google?
Con renderizado en servidor, sí. Sin él, el contenido se genera en el navegador y los buscadores lo tienen más difícil.
¿Tienes un panel o una aplicación en Angular en mente? Pídeme presupuesto.