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 設計