[boilerplate/starter] Angular Universal PWA with serverless support

[con...@maciejtreder.com]

Hello folks,

First of all, I am new to this group, so I would like to say: HI!

What I would like to share with you is Angular Universal PWA with serverless support which I created. Demo can be found here: Angular Universal PWA on AWS Lambda + API Gateway

Yet another boilerplate... Really? How does it differentiate from the others?

Let me show you five, best points of this repo (best, not the only 5 ;-) ):

1. It is focused to be deployable on cost-effective serverless environment (AWS Lambda & Google Cloud Functions are supported so far)
   
2. It is focused on SEO (I introduce Angular Universal to it & mechanism for updating title & description for every single page)
   
3. It is easy to use (Angular CLI is there)
   
4. It is a PWA - again, focusing on costs & speed (users can work with your application offline)
   
5. It is following best standards (ie TransferState for Server-side-rendering) - if not then, please report a bug IMMEDIATELY!
6. I know, I know.. 5.. But this one is also important: It supports push notifications - not only "pwa"/vapid ones, for Chrome and Android devices - it also supports Safari pushes

Why am I so sure that it is worth your time?

Because others devote their time and are satisfied - at this moment repository has ~170 stars

Why am I doing that?

I spent weeks on looking for ANY (not even good) boilerplate of Universal app which I could deploy on the AWS Lambda - found nothing. So I decided to create it on my own. From the beginning, I was also thinking, that it would be only for my personal use case. But... I got first star, second, third... Start to tweet about it, share on Reddit etc. And that start to make me happy. I would like to spread out this project, for anyone who will be looking for a nice starting point for the creation of "cheap in maintenance" web application, with mobile app capabilities.

What am I expecting?

As I said previously. I would like to spread out this boilerplate threw the world. 

• If you like it -> star it. 
  
• If you super-like it -> star and tweet about it. 
  
• If you super-hiper-like it -> star, tweet do something more. 
  
• If you see an issue in it -> report it, please
  
• If you see an opportunity for the new feature -> report it as well
  

Additional links

My twitter - follow me and be notified about new updates from me

ProductHunt page - you can vote up it here as well

Latest Reddit topic - and here :)

[Sander Elias]

Hi,

Why did you not use the Angular CLI, and created schematics for this?

Regards

Sander

[con...@maciejtreder.com]

Hello,

There is a CLI support in this repo:

https://github.com/maciejtreder/angular-universal-pwa/blob/master/.angular-cli.json 

[Sander Elias]

Hi there,

Yes, I noticed, but why a boilerplate, and not a (set of) schematics?

Regards

Sander

[con...@maciejtreder.com]

Ahh.. That's the point of your question.

The answer is simple. I have never before play with schematics :O. I juest read a little bit about it, and that's great direction for this project!

Thank you for pointing that out! And it is added to my backlog

So far I started reading this article. Do you that it is a good direction?

[Sander Elias]

Hi,

Sure, there are a few, here in no particular order:

 https://www.softwarearchitekt.at/post/2017/10/29/generating-custom-code-with-the-angular-cli-and-schematics.aspx

https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2

There is more, but those 2 (especially 2) should be enough to get you going!)

Regards

Sander

[con...@maciejtreder.com]

Elias,

Thank you very much for the provided links. I created initial schematics already. Check those out:

npm install -g angular-universal-pwa
ng new --collection angular-universal-pwa <app_name>
cd <app_name>
npm start

What I am planning to add now, is some parameterization :)

[Sander Elias]

Hi,

Cool!

Regards

Sander

[con...@maciejtreder.com]

I could not stop before announcing that on Twitter

Obviously mentioned you :)

Do you have some more advices/ideas which could be implemented in this project?

On Tuesday, April 3, 2018 at 5:50:31 AM UTC+2, Sander Elias wrote:

Hi,

Cool!

Regards

Sander

[Sander Elias]

Thanks, for the mention ;)

If I have some more spare time on my hands, I will give it a go!

Regard

Sander

[con...@maciejtreder.com]

Recent updates:

• Angular 6 inside
  
• Angular CLI 6 support