Learn
Learn
Learn web development from expert teachers. Build real projects, join our community, and accelerate your career
Get Started
Fullstack Rust Fullstack Node.js Fullstack D3 Fullstack React Fullstack React with TypeScript more →
The newline Guide to Building Your First GraphQL Server with Node and TypeScript
In this course, we'll show you how to create your first GraphQL server with Node.js and TypeScript
Enroll for free
Teach
Teach
Share your knowledge with others, earn money, and help people with their career
Apply Now
Apply To Teach A Course What Our Teachers Say
Amelia Wattenberger
Author of Fullstack D3
"Writing Fullstack D3 was a thoroughly enjoyable, fun process.

The writing was over before I knew it, and we've sold way more copies than I expected! Plus, the compliments from my peers have been really amazing."
Community
Community
Get help with programming projects, find collaborators, and make friends
Join Now
Join our Discord Server What Our Students Say
Tutorials

Prerendering in Angular

In this module, you'll learn how to adjust the Angular application to be pre-renderable. Such prepared application can be deployed on static hosting like GitHub pages and still be SEO friendly! You will feed your application with data retrieved from MongoDB during the prerendering process.

This page is a preview of The newline Guide to Angular Universal

Previous Lesson:

How to Mock MongDB for Angular End-to-End Unit Tests

Next Lesson:

How to Resolve Angular Prerendering Issues

Start a new discussion. All notification go to the author.

Learn

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

The newline Guide to Angular Universal

Module 1: Introduction

Introduction:

Start Here

Introduction:

Angular Universal and the Era of Single-Page Applications

Introduction:

Course prerequisites

Module 2: Building the app

Lesson 1:

How Does Angular Work with Heroku and MongoDB?

Lesson 2:

How to Install Angular From the CLI and Add Bootstrap CSS

Lesson 3:

How to Build and Run an Angular Backend to Test Locally

Lesson 4:

How to Install MongoDB Locally and Import JSON Data

Lesson 5:

How to Build a MongoDB REST API to Fetch Data

Lesson 6:

Build MongoDB API With Encryption for PII Data and Auth

Lesson 7:

How to Add User Authentication to Angular With MongoDB API

Lesson 8:

How to Fetch Data From MongoDB and Display it in Angular

Lesson 9:

How to Deploy an Angular App and Watch Performance

Module 3: Applying Angular Universal

Lesson 1:

Angular Universal

Lesson 2:

Server-Side Rendering With Angular Universal Schematics

Lesson 3:

How to Measure Performance - Angular vs Angular Universal

Lesson 4:

How to Add Internationalization to Angular With i18n

Lesson 5:

How to Add Sitemap.xml and Robots.txt to an Angular App

Lesson 6:

How to Optimize Angular SEO With Title and Meta Tags

Lesson 7:

Noscript

Module 4: Browser vs. Server

Lesson 1:

Retrieve MongoDB Data in Angular Universal With Secrets

Lesson 2:

How to Query MongoDB from Angular Universal

Lesson 3:

How to Build Server-Specific Services in Angular Universal

Lesson 4:

How to Read HTTP Requests With Cookies in Angular

Lesson 5:

How to Make Angular Functional With JavaScript Disabled

Module 5: Transfering data between server and browser

Lesson 1:

Send Server Data to Client With Angular TransferState

Lesson 2:

Perform Angular HTTP Calls With TransferHttpCacheModule

Lesson 3:

How to Handle Slow API Calls in Angular

Module 6: Caching with Redis

Lesson 1:

How to Install Redis CLI on Windows, Mac, and Heroku

Lesson 2:

How to Cache Angular With Redis Node.js Middleware

Lesson 3:

5 Angular Performance Optimization Tips

Module 7: Testing

Lesson 1:

Module Overview

Lesson 2:

How to Mock PLATFORM_ID Value for Angular Unit Testing

Lesson 3:

How to Unit Test Slow API Calls in Angular