shadcn nextjs boilerplate

ウェブサイト • ドキュメント • PRO バージョン • 無料のテンプレート • Twitter

最初の管理ダッシュボード Shadcn UI NextJS ボイラープレートを使用して、数日以内に SaaS スタートアップを起動します。今すぐ Horizo​​n AI ボイラープレートを始めましょう!

導入

Horizo​​n AI ボイラープレートは、Shadcn UI、NextJS、Tailwind CSS 用に作成された初のオープンソース管理ダッシュボード OpenAI ChatGPT AI テンプレートです。優れた Chat 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 キーが機能していませんか?

• ChatGPT を使用するための OpenAI アカウントと有効な API キーを持っていることを確認してください。 API キーは販売しておりません。
• OpenAI 請求ページに請求情報が追加されていることを確認してください。お支払い情報がないと、API キーは機能しません。
• アプリは OpenAI API サーバーに接続して、API キーが適切に機能しているかどうかを確認します。

Figma バージョン

Horizo​​n AI ボイラープレートは Figma 形式でも利用できます。ここをチェックしてください！ ?

セクションの例

スタートアップ プロジェクトのインスピレーションを得たい場合、またはクライアントに直接何かを見せたい場合は、事前に構築されたサンプル セクションを使用して開発をすぐに開始できます。 Web プロジェクトの基本構造をすばやくセットアップできるようになります。

ここでセクションの例を表示します

---

プロ版

PRO バージョンで膨大な量のコンポーネントとページのロックを解除します - 詳細

---

問題の報告

Horizo​​n UI の公式バグ トラッカーとして GitHub Issues を使用しています。問題を報告したいユーザーへのアドバイスは次のとおりです。

1. 最新バージョンの Horizo​​n UI ボイラープレートを使用していることを確認してください。 CHANGE LOG ファイルでダッシュボードの CHANGELOG を確認してください。

1. 問題に対する再現可能な手順を提供していただくと、修正にかかる時間が短縮されます。

3. 一部の問題はブラウザー固有である可能性があるため、問題が発生したブラウザーを指定すると役立つ場合があります。

---

コミュニティ

コミュニティとつながりましょう！お気軽に質問したり、問題を報告したり、すでに Horizo​​n UI を使用している新しい人々と出会ったりしてください。

#Horizo​​nUI Discord コミュニティに参加してください!

著作権とライセンス

️ Copyright 2024 Horizo​​n UI

? Horizo​​n UI ライセンス

---

クレジット

この素晴らしい定型パッケージの作成に協力してくれた次のようなオープンソース リソースに感謝します。

• Shadcn UI ライブラリ
• NextJS サブスクリプションの支払い
• ChatBot UI by mckaywrigley