Angular Team | What's cooking with SSR in Angular | Jessica Janiuk & Doug Parker | ng-conf 2024

Learn how Angular's new SSR features like native support, partial hydration & Vite integration deliver faster builds, simplified config & better performance without Universal.

Key takeaways

Angular now includes native SSR and static site generation support out of the box, no Angular Universal required
New simplified configuration with Vite and esbuild integration provides up to 80% faster builds for SSR apps
Partial hydration is being introduced as an improvement over full app hydration, allowing more granular control over component hydration
Easy adoption path with ng add @angular/ssr for existing apps and ng new --ssr for new projects
Angular Material components now fully support server-side rendering
Better cloud provider integrations through a new abstraction layer that handles request/response handling
Improved internationalization support with automatic management of localized applications during SSR
New dev tools for debugging and inspecting hydration with visual overlays and component loading states
Deferrable views serve as the foundation for partial hydration, allowing control over when content loads
Exploring additional JavaScript runtimes beyond Node.js for broader deployment options
New server-side routing configuration options being developed to simplify route handling
Enhanced performance through CDN deployment options and pre-rendering capabilities

Angular Team | What's cooking with SSR in Angular | Jessica Janiuk & Doug Parker | ng-conf 2024

More talks