[](https://codeclimate.com/github/maciejtreder/ng-toolkit/maintainability)
[](https://codeclimate.com/github/maciejtreder/ng-toolkit/test_coverage)
[](https://travis-ci.org/maciejtreder/ng-toolkit)
[](https://david-dm.org/maciejtreder/ng-toolkit)
[](#backers)
[](#sponsors)
[](https://badge.fury.io/js/%40ng-toolkit%2Fpwa)
# Extension for @angular/pwa package. [](https://twitter.com/intent/tweet?text=Just%20started%20using%20@ng-toolkit/pwa&url=https://github.com/maciejtreder/ng-toolkit&via=maciejtreder&hashtags=angular,pwa,webapp,software,developers,serverless,firebase)
### _**Star it and share with others!**_
_This is part of the @ng-toolkit project. [Check main page for more tools](https://github.com/maciejtreder/ng-toolkit)_
## Live demo
[Angular Universal PWA on AWS Lambda + API Gateway](https://www.angular-toolkit.maciejtreder.com)
## What's inside?
- PWA support for serverside rendering (stop thinking about `isPlatformBrowser` in the code which touches PWA stuff)
- Auto update mechanism in entry component
## Getting started
Create or navigate into your project:
```bash
ng new myApp
cd myApp
```
apply packages
```
ng add @angular/pwa
ng add @ng-toolkit/pwa [--serverModule path/to/your/server.module.ts]
```
You can chain this package with:
- [@ng-toolkit/universal](https://github.com/maciejtreder/ng-toolkit/blob/master/schematics/universal)
- [@ng-toolkit/serverless](https://github.com/maciejtreder/ng-toolkit/blob/master/schematics/serverless)
- [@ng-toolkit/firebug](https://github.com/maciejtreder/ng-toolkit/blob/master/schematics/firebug)
If you did not use Angular CLI to install this package, you need to import `NgtPwaMockModule` in your server module:
```
@NgModule({
bootstrap: [AppComponent],
imports:[
NgtPwaMockModule,
BrowserModule.withServerTransition({appId: 'app-root'}),
AppModule,
ServerModule,
ModuleMapLoaderModule,
ServerTransferStateModule
]
})
export class AppServerModule {}
```
## Looking for something more?
Feel free to [create issue with your feature request](https://github.com/maciejtreder/angular-toolkit/issues/new)
## Funding
You can support development of this project via:
- [Open Collective](https://opencollective.com/ng-toolkit)
- [Donorbox](https://donorbox.org/ng-toolkit)
- [Liberapay](https://liberapay.com/maciejtreder/donate)
- [Paypal](https://www.paypal.me/ngtoolkit)
### Open Collective Backers
Support this project with a monthly donation and help us continue our activities. [[Become a backer](https://opencollective.com/ng-toolkit#backer)]
### Open Collective Sponsors
Become a sponsor and get your logo on our README on GitHub with a link to your site. [[Become a sponsor](https://opencollective.com/ng-toolkit#sponsor)]
## Credentials
* Checkout my [home page](https://www.maciejtreder.com) and find out more about me