The newline Guide to Angular Universal

In this course, we'll create a complete Angular application that is Server-Side-Rendered with Angular Universal.

The application will be optimized for the best possible performance and will be tuned for real-world production use. For example, we'll use Redis for server-side caching, create protected routes, and get great SEO benefits with a snappy user experience.

This course is 40+ lessons where we walk through a step-by-step tutorial to optimize an Angular app from a Lighthouse score of 66 (the default) to a blazing-fast score of 95 (!)

The problem with "normal" Angular apps is that they don't run until our user has downloaded the entire application - but with SSR, we'll render our Angular app on the server.

The result is that your app will load super-fast, you'll improve your SEO, you will delight your users.

Along the way, we'll learn production deployment techniques like:

• how to use a CDN (Content Delivery Network) for global performance and
• how to deploy to Heroku and retrieve data from a MongoDB database
• How to measure and improve metrics like time-to-first-byte and time to first-contentful-paint
• How to add data like internationalization with SSR
• How to manage security and secrets in your SSR build
• How fetch server-side queries from the database
• How to use TransferState to eliminate duplicate client-side queries
• How to test server-side rendered apps
• How to pre-render static pages

By the end of this course you'll understand how to create Angular apps with real-world, production-level performance.