🚀 使用这个 Next.js 商务启动器,在几分钟而不是几周内启动您的高性能 Shopify 店面。利用矢量搜索和人工智能的力量,提供卓越的在线购物体验,而无需开发烦恼。
运行此命令并让我们的 CLI 完成工作,或查看我们的文档以获取手动设置说明。
$ yarn create commerce
查看实时演示或直接部署到 Vercel:
注意: 要启用所有功能,请确保在您的 .env.local
中设置了所需的环境变量
特性
- Next.js App Router 和 Turborepo
- React 服务器组件(RSCs),Suspense 和流式传输
- 服务器操作
- 动态 OG 图像
- AI 矢量搜索
- 闪电般快速的搜索和过滤
- 使用 v0 设计
- Vercel 工具栏(功能标志、评论、部署共享等)
- AI 图像描述
- 完美的性能和 SEO
- 极其严格的 TypeScript
- 草稿模式
- A/B 测试
- Shadcn UI
- TailwindCSS
- 分析(GTM,Vercel)
- 高度可扩展的 SEO 重定向(布隆过滤器)
- 完整且快速的 CI/CD 流程
- 平台无关(默认集成 Shopify)
- 轻松迁移 - 在几分钟内迁移您的现有解决方案
- 常规提交 git 钩子
- Playwright - 像专业人士一样编写端到端测试
- Storybook - 创建、测试和展示您的组件
- T3 Env - 轻松管理您的环境变量
- Patch-package - 修复外部依赖,无需烦恼
- 组件耦合和内聚图 - 管理组件关系的工具
- 类别登陆页面与产品列表分离,以实现快速 SEO 索引和更好的性能
- 使用 Judge.me 的评论和评分
架构
在企业商务高级架构中,Meilisearch 作为所有产品数据以及未来可能的其他类型数据的主要来源。该系统设计为可以轻松集成 AI 个性化工具,无需修改任何前端代码。虽然我们默认与 Shopify 集成,但我们并不严格绑定于它,您可以使用任何与 Meilisearch 配合使用并能适应我们数据格式的系统。
从结构角度来看,我们使用 monorepo(Turborepo)来管理包,尽管我们目前只有一个 Next.js 应用。我们选择这种设置是因为它为未来的发展做好了准备,这将包括额外的应用。这种安排有助于保持包的良好分离和自包含。
性能
在 Blazity,我们优先考虑速度。企业商务经过精心打造,为您的在线商店提供顶级性能。
Lighthouse 分数提供了一个有价值的比较工具,但它们并不直接转化为 SEO 或用户体验(UX)。 要获得真实的情况,请优先考虑真实用户数据。像 CrUX 或 Vercel Speed Insights 这样的工具提供基于用户的性能指标,确保您的在线商店为客户提供无缝体验。
🤝 贡献
欢迎随时贡献!要贡献,请遵循以下步骤:
- Fork 仓库。
- 创建一个具有描述性名称的新分支。
- 进行更改,并使用 常规提交 格式提交它们。
- 将更改推送到 fork 的仓库。
- 创建一个拉取请求,我们将审查您的更改。
支持
如果您正在寻求帮助或只是想分享关于项目的想法,我们鼓励您加入我们的 Discord 社区。以下是链接:https://blazity.com/discord。这是一个交流想法和互相帮助的空间。我们欢迎每个人的意见,期待您的加入。
📜 许可证
本项目根据 MIT 许可证授权。有关更多信息,请参阅 LICENSE 文件。