机器翻译正文由机器翻译自项目原始文档（英文），排版经程序统一处理，可能存在偏差，请以原项目仓库为准。

Next.js 商城

一个高性能的、服务器渲染的 Next.js App Router 电子商务应用。

此模板使用 React 服务器组件、服务器操作、Suspense、useOptimistic 等。

注意：正在寻找 Next.js Commerce v1？查看 代码、演示 和 发布说明。

提供商

Vercel 将只会积极维护一个 Shopify 版本如我们在 Next.js Commerce 的愿景和策略中所述。

Vercel 很高兴与任何电商提供商合作，帮助他们启动类似的模板并运行起来，如下所示。其他提供商应该能够分叉这个仓库，并将 lib/shopify 文件替换为他们自己的实现，同时保持模板的其余部分大致不变。

• Shopify（本仓库）
• BigCommerce (演示)
• Ecwid by Lightspeed (演示)
• Geins (演示)
• Medusa (演示)
• Prodigy Commerce (演示)
• Saleor (演示)
• Shopware (演示)
• Swell (演示)
• Umbraco (演示)
• Wix (演示)
• Fourthwall (演示)

注意：提供商，如果您希望在演示中使用类似的产品，您可以下载这些资源。

集成

集成可为 Next.js Commerce 提供升级或额外功能

• Orama (演示)

  • 升级搜索以包含动态重新渲染的自动完成、基于向量的相似性搜索，以及基于 JS 的配置。
  • 搜索完全在浏览器中运行，适用于较小的目录，或在 CDN 上运行，适用于较大的目录。

• React Bricks (演示)

  • 使用 React Bricks 可视化无头 CMS 直观编辑页面、产品详情和页脚内容。

本地运行

您需要使用 在 .env.example 中定义的环境变量 来运行 Next.js Commerce。建议您使用 Vercel 环境变量，但一个 .env 文件就足够了。

注意：您不应提交您的 .env 文件，否则会暴露秘密信息，使他人能够控制您的 Shopify 商店。

1. Install Vercel CLI: npm i -g vercel
2. 将本地实例与 Vercel 和 GitHub 账户关联（会创建 .vercel 目录）： vercel link
3. 下载您的环境变量： vercel env pull

pnpm install
pnpm dev

您的应用现在应该正在 localhost:3000 上运行。

Vercel、Next.js Commerce 和 Shopify 集成指南

您可以使用这本全面的 集成指南，其中包含逐步说明，指导如何配置 Shopify 作为无头 CMS，并使用 Next.js Commerce 作为您在 Vercel 上的无头 Shopify 商店。