I am allowed to use a backend, but how do you render dynamic meta tags, along with og:image?

Continuing from,

[Unresolved] Does anyone know how to make SPA work with SEO meta tags?

Pacharapol Withayasakpunt ・ Apr 1 ・ 1 min read

#webdev #seo #spa #help

If I use Vue CLI on the frontend (which actually use Webpack), Webpack will try to destroy EJS templating engine. Do I have to use Handlebars or something else?

As for og:image, I am using Reveal.js, so probably I will be using JSDOM + html2canvas, but how do I get output before it actually get rendered?

Comments

[Raghav Misra]

Server-side rendering with Vue is made a lot easier with Nuxt! You may want to look into it as these types of problems will be completely removed. Vue CLI by default is terrible with isomorphic rendering.

For such a small problem however, you may as well add the meta tags in yourself.