如何使用 AWS 为无服务器网站创建用户友好的导航？

Question

我最近创建了一个无服务器网站，每天发布一个短篇小说。

以下是我网站的主要特点：

• 在 AWS S3（HTML、CSS、图像）中托管的静态网站，使用 CloudFront 缓存来自 S3 源的静态内容
• 每日故事存储在 DynamoDB 表中
• API 网关使用 Lambda (Python) 从 DynamoDB 检索数据

网站首页显示当天的故事和前几天故事的标题。但是，我正在努力寻找一种方法让用户导航到特定故事以阅读完整故事，而无需为 S3 中的每个故事手动创建和存储 HTML 文件。

这是我到目前为止尝试过的：

• 在 DynamoDB 表中包含一个 URL slug 属性
• 创建一个 API /stories/{story_slug} 来检索数据并使用相关信息填充模板 HTML 文件

但是，我在使用这种方法时遇到了一些问题，我不确定它是否是最佳解决方案。此外，我直接引用 S3 CSS 和图像，而不是使用 CloudFront 缓存数据，这没有意义。

我想知道是否有人有类似设置的经验，可以提供一些建议或建议以获得更好的方法。如何使用 AWS 为我的无服务器网站创建用户友好的导航？

提前感谢您的帮助！