shadcn nextjs boilerplate

网站 • 文档 • PRO 版本 • 免费模板 • Twitter

使用第一个管理仪表板 Shadcn UI NextJS 样板在几天内启动您的 SaaS 初创公司。立即开始使用 Horizo​​n AI Boilerplate！

介绍

Horizo​​n AI Boilerplate 是第一个为 Shadcn UI、NextJS 和 Tailwind CSS 制作的开源管理仪表板 OpenAI ChatGPT AI 模板！开始更快地创建出色的聊天 AI SaaS 应用程序。

它配备了 30 多个深色/浅色前端单独元素，例如按钮、输入、导航栏、导航选项卡、卡片或警报，让您可以自由选择和组合。

文档

每个元素都在非常复杂的文档中得到了很好的呈现。您可以在此处阅读有关文档的更多信息。

快速入门

通过运行以下任一命令来安装 Horizo​​n ChatGPT AI 模板：

• 从 NodeJs 官方页面安装 NodeJS LTS（注意：产品仅适用于 LTS 版本）

使用以下命令克隆存储库：

git clone https://github.com/horizon-ui/shadcn-nextjs-boilerplate.git

在终端中运行以下命令：

 npm install

 npm run init

然后运行以下命令来启动本地服务器：

 npm run dev

您的 API 密钥不起作用？

• 确保您拥有 OpenAI 帐户和有效的 API 密钥才能使用 ChatGPT。我们不出售 API 密钥。
• 确保您已在 OpenAI Billing 页面中添加了账单信息。如果没有账单信息，您的 API 密钥将不起作用。
• 该应用程序将连接到 OpenAI API 服务器以检查您的 API 密钥是否正常工作。

Figma版本

Horizo​​n AI Boilerplate 也提供 Figma 格式！在这里查看！ ？

示例部分

如果您想为您的启动项目获得灵感或只是直接向客户展示一些内容，您可以使用我们预先构建的示例部分来启动您的开发。您将能够快速设置 Web 项目的基本结构。

在此处查看示例部分

---

专业版

使用我们的 PRO 版本解锁大量组件和页面 - 了解更多

---

报告问题

我们使用 GitHub Issues 作为 Horizo​​n UI 的官方错误跟踪器。以下是针对想要报告问题的用户的一些建议：

1. 确保您使用的是最新版本的 Horizo​​n UI Boilerplate。在我们的变更日志文件中检查仪表板的变更日志。

1. 为我们提供该问题的可重现步骤将缩短修复该问题所需的时间。

3. 有些问题可能是特定于浏览器的，因此指定您在哪个浏览器中遇到该问题可能会有所帮助。

---

社区

与社区联系！请随意提出问题、报告问题并结识已经使用 Horizo​​n UI 的新朋友！

加入#Horizo​​nUI Discord 社区！

版权和许可

️ 版权所有 2024 Horizo​​n UI

？ Horizo​​n UI 许可证

---

制作人员

特别感谢帮助我们创建这个出色的样板包的开源资源，包括：

• Shadcn UI库
• NextJS 订阅付款
• ChatBot UI 由 mckaywrigley 设计