React实际上是一个更简单、更灵活的动态交互管理工具,它的安装非常简单,并且可以在不同的项目中多次重用。此外,由于我们使用 Netlify 托管静态网站,我们希望为其提供身份功能,允许用户管理和身份验证。 实验取得了成功,我们现在 Cantiere Creativo 广泛使用此解决方案。 总而言之,这是我们为本教程选择的完整堆栈: 中间人作为生成器,但您可以使用您最喜欢的;) React为身份验证部分创建 UI。 Netlify通过GoTrue JS库托管我们 的网站和Netlify Identity来管理我们的 印度 电话号码 订阅用户。 DatoCMS来管理内容。 GoTrue API用于管理身份验证的开源 API 服务。 目标 为了使“之前和之后”效果更加明显,我们克隆了一个使用 Middleman 和 DatoCMS 制作的“The Office”粉丝网站,您可以在 DatoCMS 网站的示例中找到该网站。在此处下载原始项目。 目标是让“季节”页面只有拥有帐户的 人才能访问,就好像它是优质内容 墨西哥 Whatsapp 号码列表 页面一样。 出于本教程的目的,我们将仅演示如何显示/隐藏相关页面的链接,但下一步是通过 lambda 函数使区分更加有效,该函数仅通过 React 返回针对经过身份验证的用户的内容。这篇文章不想深入讨论技术细节,而是旨在分享我们决定使用此堆栈背后的逻辑,并通过一个工作示例分享一些知识:) 最终结果或多或少会像这样。