Merge pull request #340 from developmentseed/enhance/add-maintenance-mode

Add maintenance mode to v1

Author: kamicut

app/index.js

@@ -35,6 +35,14 @@ app.use(boom())
 async function init () {
   await nextApp.prepare()
 
+  // On maintenance mode, render maintenance page
+  if (process.env.MAINTENANCE_MODE === 'true') {
+    app.get('/*', (req, res) => {
+      return nextApp.render(req, res, '/maintenance')
+    })
+    return app
+  }
+
   /**
    * Sub apps init
    */

pages/_app.js

@@ -6,6 +6,7 @@ import Layout from '../components/layout.js'
 import PageBanner from '../components/banner'
 import Button from '../components/button'
 import { ToastContainer } from 'react-toastify'
+import MaintenancePage from './maintenance'
 
 class OSMHydra extends App {
   static async getInitialProps ({ Component, ctx }) {
@@ -26,10 +27,14 @@ class OSMHydra extends App {
   }
 
   render () {
-    const { Component, pageProps, userData } = this.props
+    const { Component, pageProps, userData, router } = this.props
     let bannerContent
     let { uid, username, picture } = userData
 
+    if (router && router.pathname === '/maintenance') {
+      return <MaintenancePage />
+    }
+
     // store the userdata in localstorage if in browser
     let authed
     if (typeof window !== 'undefined') {

pages/maintenance.js

@@ -0,0 +1,4 @@
+
+export default function MaintenancePage () {
+  return <div>OSM Teams is under maintenance, please come back soon.</div>
+}