All in all, we recommend four possible approaches PWAs can be built with any mixture of server-side rendering and client-side rendering that best fits our needs.
TABLE OF CONTENTS
7. Use Cases
20. Code Base
Recommended patterns for PWAs
In recommended order:
3. Server-side rendering full page (full page caching).
4. Client-side rendering full page (full page caching, potential for JSON payload bootstrapping via server)
All in all, we recommend four possible approaches.
Ø The next best option is a pure app-shell, single-page app approach. You should cache the app shell. You can speed this up using HTTP streams to begin rendering content as it comes in.
Ø Option three is to use server-side rendering and cache everything that you can.
Ø This is our recommended approach, but there may be use cases for each pattern. PWAs can be built with any mixture of server-side rendering and client-side rendering that best fits our needs.