Progressive Web Application Development by Example

Rendering the website

The 2048 and Podstr apps were based on static websites. While the Podstr app used some dynamically rendered pages, most of it was pre-rendered. It also had a script to create the HTML pages, but this was not as integral to the demonstration as the PWA ticket application.

The PWA ticket application has a script to render the core pages by combining an app shell and the individual pages markup for the actual page. This is handy because it allows you to update the app shell and the pages independently as well as customize the rendering script for different environments.

For example, before deploying to production, you will want to bundle and minify some style sheets and scripts. As you will see in the next chapter, you ...