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.

![](https://s3.amazonaws.com/assets.fullstack.io/n/20201111013120117_features%402x.png)

This course is 40+ lessons where we walk through a step-by-step tutorial to optimize an Angular app from a [Lighthouse score](https://web.dev/performance-scoring/) 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.

Master Production-Ready SSR and Deployments with Angular

In this course 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!

The newline Guide to Angular Universal

---
title: Noscript
isPublicLesson: false
description: In this lesson, you can see how Angular Universal helps when your user's browser doesn't support JavaScript
code: https://gitlab.com/fullstackio/books/newline-course-apps/maciej-treder-guide-to-angular-universal-app/-/tree/main/code/module_03/lesson_03.08/App/downloads/module2/my-universal-app?ref_type=heads
---

# When the browser doesn't support JavaScript

Last (but not least) Single Page Application pitfall that we described is that it needs JavaScript to run. In case that your user has disabled JavaScript in his browser, regular SPA can display just a piece of information that asks him to turn it on. With Angular Universal, the thing is a little bit different. 

With Angular Universal, you can ship the fully rendered view to your user even if he doesn't have JS enabled. Adjust the _src/styles.scss_:

In this lesson, you can see how Angular Universal helps when your user's browser doesn't support JavaScript