/universal-shop

Repo for comparing different Angular SSR rendering strategies. Forked from https://github.com/Polymer/shop

Primary LanguageTypeScriptMIT LicenseMIT

universal-shop

An example repo to compare different Angular SSR stratgies. (Forked from https://github.com/Polymer/shop)

  1. level1 - Pure client-side rendered app.

  2. level2 - SSR + Client-side app. Initial Paint improves but time to interactive becomes worse.

  3. 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.

  4. 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).

  5. 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.