Adds Angular Universal support for any Angular CLI project
npm install @ng-toolkit/universal






Add Server Side Rendering support (Angular Universal) to your Angular project.
Check deep overview article on Medium
Create or navigate into your project:
``bash`
ng new myApp
cd myApp
apply package
``
ng add @ng-toolkit/universal [--http false]
``
npm run build:ssr
npm run serve:ssr
``
npm run build:prerender
npm run serve:prerender
flag.Adding new component:
`
ng g c myComponent --module app
`You can chain this package with:
- @ng-toolkit/serverless
- @ng-toolkit/pwa
- @ng-toolkit/firebug
Check out tutorial by Gary Sinon:

Working with
window and localStorage objectsThis package is shipped with the wrapper for the
window and localStorage objects. Whenewer you need to use it, just inject it into your component or service:
`
import { WINDOW, LOCAL_STORAGE } from @ng-toolkit/universal/*
class/service declaration and decorator
*/
constructor(@Inject(WINDOW) private window:Window, @Inject(LOCAL_STORAGE) private localStorage: any) {
console.log(this.window);
}
`If you did not use Angular CLI to install this package, you need to import
NgtUniversalModule in your shared app module:
`
@NgModule({
imports:[
/ other imports/
NgtUniversalModule
]
})
export class AppModule { }
``You can support development of this project via:
- Open Collective
- Donorbox
- Liberapay
- Paypal
Support this project with a monthly donation and help us continue our activities. [Become a backer]
Become a sponsor and get your logo on our README on GitHub with a link to your site. [Become a sponsor]