Prerender Angular application — be SEO
Prerender your application with @ng-toolkit/universal, and make it readable for search engine robots.
Published in
4 min readApr 7, 2019
In one of my previous post I was writing about how to make your Angular application SEO friendly by using Server-Side Rendering — Angular Universal. This solution involves NodeJS to launch Angular framework on the server side and ship to the end-user fully rendered html, based on user request; but… What if you don’t have compute resources to render view on the server side? What if you just don’t want to use it? Today I am going to show another use case for Angular Universal — prerendering application at the build time.
Create basic application and check if it is SEO-friendly
Let’s create an angular app and check, how robots see it:
ng new myApp --style css --routing true
cd myApp
ng serveNow in the other terminal window execute curl command and take a look at the output:
$ curl localhost:4200<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MyApp</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>…
