Add SSR

[sne11ius]

ftw

[sne11ius]

See

• Firebase failt hart und kann nur Node v6.11.5, nuxt 2.0.0 braucht aber >= 8. Die letzte kompatible Version ist 1.0.0-rc11 - aua.
• https://github.com/davidroyer/nuxt-ssr-firebase
• https://www.youtube.com/watch?v=ZYUWsjUxxUQ&

[sne11ius]

Possible solutions:

• Switch frontend to Angular => https://medium.com/@hamedbaatour/angular-5-server-side-rendering-with-firebase-step-by-step-guide-ec5f4d8ef38b
  • Pro: wirklich isomorphe Lösung (hoffentlich)
  • Con: Angular
• Use rendertron => https://github.com/GoogleChrome/rendertron
  • Pro: Easy setup
  • Con: Nur SEO, keine Verbesserung für Enduser

[sne11ius]

Vorschlag:

• Erster Schritt: rendertron mit 0.3.0
• Echtes SSR sobald firebase functions auf node 8 geht

[sne11ius]

This looks interesting: https://github.com/nuxt/nuxt.js/issues/1634

[sne11ius]

We should test drive this thingy:

• https://github.com/pichsenmeister/nuxt-firebase
• https://de.slideshare.net/3x14159265/vuejs-ssr-with-nuxtjs-and-firebase

Nope, looks like the author never tested the project on firebase. It has zero answers for missing node 8 support in firebase functions

[sne11ius]

Should be easy as:

1. https://github.com/sne11ius/Vue-Firebase-SSR-Template is a working example of an isomorphic spa running on firebase (https://hotshots-9001.firebaseapp.com/)
2. Here is a simple example for vuex + firestore: https://github.com/ooade/vuex-examples/tree/firestore
3. Just combine these and more or less rewrite the whole app
4. ...
5. Profit

[sne11ius]

Regarding nested asyncdata see code here: https://github.com/vuejs/vue-ssr-docs/issues/29