This is part of the @ng-toolkit project. Check main page for more tools
Add Server Side Rendering support (Angular Universal) to your Angular project. Check deep overview article on Medium
@ng-toolkit is being sponsored by the following tool; please help to support us by taking a look and signing up to a free trial
Angular Universal PWA on AWS Lambda + API Gateway
Create or navigate into your project:
ng new myApp
cd myAppapply package
ng add @ng-toolkit/universal [--http false]
npm run build:ssr
npm run serve:ssr
npm run build:prerender
npm run serve:prerender
If you don't want to use TransferHttpCacheModule indicate it by adding --http false flag.
Adding new component:
ng g c myComponent --module app
You can chain this package with:
Check out tutorial by Gary Sinon:
This 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 { }
Feel free to create issue with your feature request
You can support development of this project via:
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]
- Checkout my home page and find out more about me