SEOs And Meta TAGS

[frknasir]

When you share, say, a blog post to twitter, a preview is not automatically generated. This is because meta tags are not properly generated for each page navigated to

[OdunayoOkebunmi]

Observations:

• when I inspect page, contents for meta tags like title, og:title, twitter:title, twitter:url have values
• but when I view page source, all meta tags have no content
• variables declared inside metainfo method in SettingShow.vue doesn't log any value, unless I add vue-meta package to the app

Possible solutions:

• Prepopulate the index.html with generic meta tags
• Use server-side rendering
• Use prerendering

[frknasir]

I think prerendering is what will be helpful the most here because of this

the main requests by @AMG63-Bassim was that of preview when sharing posts on social media...

so yeah, I think we should go ahead with prerendering @OdunayoOkebunmi

[frknasir]

because most of the pages we want to statically render are dynamic, the best route to go is SSR. But there is a lot about SSR implementation that i'm not comfortable with, due to the way the project is setup. most have to do with performance.

What i did, instead, in this PR is found a hack that will allow previews to come up when sharing blog posts(only) on social media.

I'll leave this issue open until we find a more definitive solution.