完成应用程序创建后，切换到新的项目目录
Posted: Thu Jan 16, 2025 8:38 am
这就是Builder.io 的作用所在。
Builder 是一款可视化 CMS，可让您的团队使用现有的技术堆栈和 Builder 的拖放式可视化编辑器快速构建页面并管理内容。借助额外的内置 A/B 测试和定位功能，您可以更轻松地创建个性化内容并将其提供给合适的受众。
在本教程中，您将学习如何使用 Netlify 和 Builder 来：
创建 Next.js 应用并将其部署到 Netlify 上。
直观地创建两个产品系列页面，以针对两个不同的受众。在本教程中，我们将使用服装购物者和珠宝购物者。
使用在 Netlify Edge Functions 上运行的 Builder 和 Next.js 中间件个性化静态生成的 Next.js 页面。
实施 Builder 最佳实践，以便团队中的非开发人员可以轻松地向您的网站添加内容并个性化购物体验
创建个性化电子商务网站需要什么
如果您还没有，请创建一个 Netlify 帐户和一个 Builder 帐户。
Netlify 有一个免费层选项，其中包含您部署网站所需的所有功能。
对于 Builder，您需要注册免费试用，其中默认包含 Growth 计划。Growth 计划和更高 卢森堡 Whatsapp 数据 级别的计划支持自定义定位属性，这是我们在本教程中讨论的一项功能。
步骤 1：创建 Next.js 应用
如果您尚未启动 Next.js 应用程序，请创建一个 - 例如使用此Next.js 电子商务启动器。确保已安装 Node.js（截至撰写本文时，至少为 12.22.0 版本）并运行以下命令：
按照引导提示完成设置。在本教程中，我们将使用 JavaScript 而不是 TypeScript，并将我们的应用命名为netlify-builder-edge-demo。
注意：这不是 Astro 相关的问题，我只是碰巧在使用 Astro 的网站上工作时遇到了此错误。此问题特定于在 Netlify Functions 中使用新版 node-fetch 时出现的问题。
node-fetch v3 与 v2 相比
假设您正在开发一个新网站，该网站需要您从外部 API 中提取数据。您已经安装了 node-fetch，并且已经创建了包含提取请求的 Netlify 函数，它看起来像这样：
Builder 是一款可视化 CMS，可让您的团队使用现有的技术堆栈和 Builder 的拖放式可视化编辑器快速构建页面并管理内容。借助额外的内置 A/B 测试和定位功能，您可以更轻松地创建个性化内容并将其提供给合适的受众。
在本教程中，您将学习如何使用 Netlify 和 Builder 来：
创建 Next.js 应用并将其部署到 Netlify 上。
直观地创建两个产品系列页面，以针对两个不同的受众。在本教程中，我们将使用服装购物者和珠宝购物者。
使用在 Netlify Edge Functions 上运行的 Builder 和 Next.js 中间件个性化静态生成的 Next.js 页面。
实施 Builder 最佳实践，以便团队中的非开发人员可以轻松地向您的网站添加内容并个性化购物体验
创建个性化电子商务网站需要什么
如果您还没有，请创建一个 Netlify 帐户和一个 Builder 帐户。
Netlify 有一个免费层选项，其中包含您部署网站所需的所有功能。
对于 Builder，您需要注册免费试用，其中默认包含 Growth 计划。Growth 计划和更高 卢森堡 Whatsapp 数据 级别的计划支持自定义定位属性，这是我们在本教程中讨论的一项功能。
步骤 1：创建 Next.js 应用
如果您尚未启动 Next.js 应用程序，请创建一个 - 例如使用此Next.js 电子商务启动器。确保已安装 Node.js（截至撰写本文时，至少为 12.22.0 版本）并运行以下命令：
按照引导提示完成设置。在本教程中，我们将使用 JavaScript 而不是 TypeScript，并将我们的应用命名为netlify-builder-edge-demo。
注意：这不是 Astro 相关的问题，我只是碰巧在使用 Astro 的网站上工作时遇到了此错误。此问题特定于在 Netlify Functions 中使用新版 node-fetch 时出现的问题。
node-fetch v3 与 v2 相比
假设您正在开发一个新网站，该网站需要您从外部 API 中提取数据。您已经安装了 node-fetch，并且已经创建了包含提取请求的 Netlify 函数，它看起来像这样：