feat(pwa) make real app shell for doc pages, only pre cache hp and app shell, now everything offline

Author: EugeneHlushko

src/components/Site/Site.jsx

@@ -82,6 +82,7 @@ class Site extends React.Component {
                   <Route path="/vote" component={Vote} />
                   <Route path="/organization" component={Organization} />
                   <Route path="/starter-kits" component={StarterKits} />
+                  <Route path="/app-shell" component={() => <React.Fragment />} />
                   {pages.map(page => (
                     <Route
                       key={page.url}

webpack.prod.js

@@ -27,9 +27,9 @@ module.exports = env => merge(common(env), {
     new OfflinePlugin({
       autoUpdate: true,
       publicPath: '/',
-      appShell: '/concepts/',
-      // make sure to cache homepage and concepts as app shell for the rest of the pages.
-      externals: ['/concepts/', '/', '/manifest.json', ...cssFiles, ...favicons],
+      appShell: '/app-shell/',
+      // make sure to cache homepage and app shell as app shell for the rest of the pages.
+      externals: ['/app-shell/', '/', '/manifest.json', ...cssFiles, ...favicons],
       excludes: [],
       AppCache: {
         publicPath: '/'

webpack.ssg.js

@@ -14,7 +14,8 @@ const paths = [
   ...flattenContentTree(contentTree),
   '/vote',
   '/organization',
-  '/starter-kits'
+  '/starter-kits',
+  '/app-shell'
 ];
 
 module.exports = env => merge(common(env), {