An example repo to compare different Angular SSR stratgies. (Forked from https://github.com/Polymer/shop)
-
level1 - Pure client-side rendered app.
-
level2 - SSR + Client-side app. Initial Paint improves but time to interactive becomes worse.
-
level3 - SSR + Bring up an empty shell app on the client - Provides a base line of how small we can make the client JS bundle including BrowserModule and nothing else.
-
level4 - SSR + Bring up add-to-cart and cart-icon Angular elements without bootstrapping the whole app - Provides a more realistic sample of bringing up interesting parts of the app which we want to make interactive first (Progressive bootstrap).
-
level5 - Events buffering with JsAction
(TODO): Make the sidenav with animation active without bringing up the full app. Bootstrap the full app on route changes.