The Results Are In. I’m not the most expert NodeJS/Deployment person so be patient. I’ve deployed my Nuxt app to a ‘traditonal’ hosting account: opalstack. I.e. not using trendy stuff like Netlify/Heroku. In what I think is Universal mode, ie running on Node. Settings Nuxt@v2.14.7, Environment: production, Rendering: Server-Side and Target: static. I’ve run npm build, and npm generate and use pm2 to start the app. Website works.
The Nuxt app uses @Nuxtjs/Strapi to include a line of text built from my Strapi Node app also on Opalstack.The client fetches this text: the GET request can be seen in the browser Network Tab. JSON is returned from Strapi and the Vue/Nuxt JS then updates the DOM.
BUT. Monitoring the webpage in Google Console : View Crawled Page shows a big heap of nothing where the Strapi fetched text should be.
This means, my current setup is a big massive fail for SEO. All that “awesome” content will be invisible to Search Engines.
Where am I going wrong? Or is Nuxt + Strapi Headless dead in the water? Does any Headless called from any Front End Framework really work for SEO?
Or, what do I need to do to make Prefetch (of Strapi Content) work.