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

#webdev #help #backend

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?

Top comments (1)

Raghav Misra • May 21 '20 • Edited

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.

DEV Community

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

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

Pacharapol Withayasakpunt ・ Apr 1 ・ 1 min read

Top comments (1)

Read next

API Keys vs. Tokens: They're Not the Same Thing!

3 Ways to Add a Table of Contents to Your Blog Post

Quick Tip: Nuxt & Storyblok Error Handling (e.g. 404)

Tips and Strategies for Hiring Top ReactJS Developers in 2024: Expert Guide