为内容作者生成站点预览
Posted: Thu Jan 16, 2025 8:51 am
如果设置了预览 cookie，API 会将请求重定向到查询参数定义的页面slug。
工作流程如下：
设置 Cookie
重定向至/my-page
下一步是更新getStaticProps以支持预览模式。
设置预览 cookie 时，提供的上下文对象具有以下特殊属性：
context.previewData等于先前传递给的参数setPreviewData
现在我们可以修改该函数来获取我们传递的页面内容previewData。在此示例中，我们定义应呈现哪个页面：动态生成的页面或getStaticPaths函数返回的静态页面。
设置 Netlify
我们必须建立两个 Netlify 站点：
Netlify 上的 Next.js 预览模式实例
对于 Next.js 预览模式实例，我们遵循如何将 Next.js 站点 伊朗whatsapp数据 部署到 Netlify的文档。Netlify插件上的 Next.js为我们执行所需的步骤。由于 Netlify 会自动检测您是否正在构建 Next.js 应用程序，因此它可以自动为您安装插件。
然后，我们只需要将新站点指向我们的 Git 存储库，并让 Netlify 处理其余部分。
最近我一直在研究Astro ，使用Pexel 的 API构建一个基于摄影的作品集网站。在此过程中，我在 Netlify Serverless Functions中遇到了获取请求无法正常工作的问题。经过进一步审查，我发现node-fetch v3有一个重大更改，导致它无法与我当前的设置一起使用。这篇文章将分解我在使用 node-fetch 时遇到的初始问题，以及在 Netlify Functions 中添加 node-fetch 时需要做什么来解决这个问题。
工作流程如下：
设置 Cookie
重定向至/my-page
下一步是更新getStaticProps以支持预览模式。
设置预览 cookie 时，提供的上下文对象具有以下特殊属性：
context.previewData等于先前传递给的参数setPreviewData
现在我们可以修改该函数来获取我们传递的页面内容previewData。在此示例中，我们定义应呈现哪个页面：动态生成的页面或getStaticPaths函数返回的静态页面。
设置 Netlify
我们必须建立两个 Netlify 站点：
Netlify 上的 Next.js 预览模式实例
对于 Next.js 预览模式实例，我们遵循如何将 Next.js 站点 伊朗whatsapp数据 部署到 Netlify的文档。Netlify插件上的 Next.js为我们执行所需的步骤。由于 Netlify 会自动检测您是否正在构建 Next.js 应用程序，因此它可以自动为您安装插件。
然后，我们只需要将新站点指向我们的 Git 存储库，并让 Netlify 处理其余部分。
最近我一直在研究Astro ，使用Pexel 的 API构建一个基于摄影的作品集网站。在此过程中，我在 Netlify Serverless Functions中遇到了获取请求无法正常工作的问题。经过进一步审查，我发现node-fetch v3有一个重大更改，导致它无法与我当前的设置一起使用。这篇文章将分解我在使用 node-fetch 时遇到的初始问题，以及在 Netlify Functions 中添加 node-fetch 时需要做什么来解决这个问题。