https://github.com/igniteui/ng-universal-example
https://github.com/igniteui/ng-universal-example
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/igniteui/ng-universal-example
- Owner: IgniteUI
- Created: 2019-10-21T15:01:09.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-03-26T12:55:14.000Z (about 2 years ago)
- Last Synced: 2025-06-26T15:51:43.243Z (10 months ago)
- Language: HTML
- Size: 2.16 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Universal Example
This repository demonstrate how to start using Ignite UI for Angular with Server-side rendering.
# Build
Perform:
1. `npm install`
2. `npm run build:ssr && npm run serve:ssr`
3. Open `localhost:4000` in your browser
# Angular Universal
Most of the Angular applications run in a client's browser, but if you want to generate the full HTML for a page on the server, and avoid additional round-trips for data fetching - [Angular Universal](https://angular.io/guide/universal) come in handy. It renders a client-side page to HTML on the server that is later bootstrapped on the client. Okay, but how it works?
# How it works?
With Angular Universal, you will serve a static version of your apps' landing page, while at the same time the full Angular application loads in the background. The landing pages will be pure HTML and will be displayed even if the JavaScript is disabled, keep in mind that [handling browser events](ssr-rendering.md#things-to-note) won't be possible. More about Server Rendering you can find [here](https://developers.google.com/web/updates/2019/02/rendering-on-the-web).
# Angular CLI
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.12.