S3上托管的静态GatsbyJS网站中的动态Open Graph元标记

问题描述

该应用程序可以获取用户的信息并注册他的帐户。然后,用户可以将他的推荐链接(如www.site.com/username)发布到社交媒体,并且在注册时为每个用户生成的唯一图像(具有用户名用户名)应在社交平台上显示为“开放图谱”图像。

我尝试使用Gatsby Helmet Plugin,但显然,头盔添加Meta标签不会添加到爬虫可以抓取的索引文件中。

我现在唯一可以看到的方法就是将我的应用程序迁移到NextJS,这将是很多工作。有什么方法可以使它在盖茨比工作?任何帮助将不胜感激。

谢谢。

编辑:另一种可能的方法是将该gatsby应用程序部署到服务器上,在服务器上呈现该应用程序,然后返回呈现的响应。基本上将其转换为服务器端渲染的应用程序。这是否可能,或者有什么好的方法可以实现?

解决方法

TL; DR

Netlify


因此,Netlify基本上具有自己的“预渲染”功能。我将我的Github CI / CD与Netlify相连,打开了Prerendering选项,它像魅力一样工作。

感谢Google以及所有那些使我指向Netlify的随机文章。人们使用Lambda @ edge进行类似的服务器端渲染时,他们直接使用Lambda @ Edge而不是S3指向CloudFront。如果可以运行,我可能会将我的Web应用程序转移到Lambda @ Edge,但是现在,Netlify赢了!