Crea aplicaciones Angular del lado del servidor (SSR)

En este módulo, el participante iniciará la construcción del proyecto EDPost con Angular 20 y soporte para Server-Side Rendering (SSR). Se configurará el entorno desde cero, se definirá una estructura escalable y se validará el correcto funcionamiento del SSR y la hidratación, incluyendo una vista de inicio básica para pruebas.

En este módulo aprenderás a crear servicios en Angular, conectar datos con la interfaz y construir el layout base del proyecto. Al final, repasarás todo lo aprendido para consolidar tus conocimientos.

En este módulo, el alumno implementará la sección /actualidad de EDPost SSR, con contenido destacado renderizado desde el servidor. Usará Angular Material para la maquetación, un servicio simulado con HttpClient y se validará el hydration. También se agregarán metadatos SEO estáticos generados con IA.

En este módulo, el participante implementará las páginas individuales de publicaciones en la ruta /blog/:slug, renderizadas como HTML estático con RenderMode.Prerender. Se incluirá navegación dinámica, generación de rutas estáticas, estructura semántica y metadatos SEO dinámicos con apoyo de IA.

En este módulo final, el participante evaluará el rendimiento de EDPost SSR usando herramientas como Chrome DevTools, Lighthouse y navegadores. Además, desplegará el proyecto en Node.js y verificará aspectos clave como SSR, hydration, SEO y estructura semántica.