Generate static version of all space pages

config/routes.js

@@ -3,6 +3,7 @@ import flattenDeep from 'lodash/flattenDeep'
 import pagesI18n from '../src/pages.i18n'
 const locales = ['en', 'nl']
 const buildings = require('../src/static/data/buildings.json')
+const spaces = require('../src/static/data/spaces.json')
 
 const rootRoutes = locales.map(locale => {
   const route = pagesI18n['buildings/index'][locale]
@@ -17,9 +18,20 @@ const buildingRoutes = flattenDeep(buildings.map(building => {
   })
 }))
 
+const spaceRoutes = flattenDeep(spaces.map(space => {
+  return locales.map(locale => {
+    const building = buildings.find((building) => building.number === space.buildingNumber)
+    const route = pagesI18n['buildings/_buildingSlug/spaces/_spaceSlug'][locale]
+      .replace(':buildingSlug', building.i18n[locale].slug)
+      .replace(':spaceSlug', space.slug)
+    return `/${locale}${route}`
+  })
+}))
+
 const routes = [
   ...rootRoutes,
   ...buildingRoutes,
+  ...spaceRoutes
 ]
 
 export default routes

src/pages/buildings/_buildingSlug/spaces/index.vue

@@ -0,0 +1,12 @@
+<script>
+export default {
+  validate({ app, params, redirect }) {
+    const { buildingSlug } = params
+    const url = app.localePath({
+      name: 'buildings-buildingSlug',
+      params: { buildingSlug }
+    })
+    redirect(url)
+  }
+}
+</script>

src/static/_redirects

@@ -1,3 +1,11 @@
+# our default language is English, so redirect to it:
 / /en/ 301
-/en/* /en/ 200
-/nl/* /nl/ 200
+
+# a list of spaces is available on the building page, so redirect to it:
+/en/buildings/:buildingSlug/spaces/ /en/buildings/:buildingSlug 302
+/nl/gebouwen/:buildingSlug/ruimtes/ /en/gebouwen/:buildingSlug 302
+
+# all existing routes are pre-generated, so missing routes are non-existing (404):
+/en/* /en/404/ 404
+/nl/* /nl/404/ 404
+/* /en/404/ 404