S3 上托管的静态 GatsbyJS 站点中的动态开放图元标记

Dynamic Open Graph meta tags in a static GatsbyJS site hosted on S3

该应用程序可以获取用户的信息并注册他的帐户。然后用户可以 post 他的推荐 link,比如 www.site.com/username,到社交媒体和一个独特的图像(有用户名和用户名),在注册时为每个用户生成,应该显示作为社交平台上的 Open Graph 图片。

我试过Gatsby Helmet Plugin,但是显然,头盔添加的元标签没有添加到索引文件中,可以被爬虫抓取

目前我能看到的唯一可能方法是将我的应用程序迁移到 NextJS,这将是一项相当大的工作。有什么办法可以让它在 Gatsby 中工作吗?任何形式的帮助将不胜感激。

谢谢。

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

TL;DR

Netlify


所以基本上 Netlify 有它自己的“预呈现”功能。我将我的 Github CI/CD 附加到 Netlify 上,打开了预渲染选项,效果非常好。

感谢 google 以及所有将我指向 Netlify 的随机文章。 Lambda@edge 是人们用于类似服务器端渲染的另一件事,他们直接使用 Lambda@Edge 而不是 S3 指向 CloudFront。如果我能让它工作,我可能会将我的网络应用程序转移到 Lambda@Edge,但现在,Netlify 赢了!