newline Guide to Angular Universal by the creators of ng-book
The newline Guide to Angular Universal by the creators of ng-bok
In this book I'll show you how to enhance existing Angular application with Angular Universal, how to optimize its performance and what are Server-Side Rendering best practices. You'll see how to improve PageSpeed Insights score from 66 to 95 points!
In this book you'll learn:
- How to make SEO friendly Angular application
- What problems Angular Universal can solve
- How to integrate Angular Universal application with MongoDB and Redis cache
- Preparing server-specific Angular services and logic paths in the server and browser common code
- How to create transfer data between server and browser using TransferState
- Importance of optimizing server-side REST calls
- How to manipulatie Angular application <title> and <meta> tags
- How to Unit test and e2e test Angular Universal application
- How to prepare your application for prerendering
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.