mcpField
A
ai-chatbot

ai-chatbot

github.com/rebyteai-template開発1767 回インストール19 週間前に更新
リポジトリ

ai-chatbot について

ai-chatbot は、Next.js 15 を基盤とするカスタマイズ可能なチャットボットアプリのテンプレートです。認証、ファイルストレージ、複数モデルに対応し、設定からビルド、デプロイまで進めたい開発者向けです。

主な機能

  1. 01Auth.js による認証
  2. 02ファイルストレージ
  3. 03複数モデルへの対応
  4. 04Drizzle を使った PostgreSQL データベース
  5. 05Vercel と Netlify のデプロイ手順

活用シーン

  1. 01カスタマイズ可能なチャットボット開発の開始
  2. 02ユーザー認証付きチャットボットの構築
  3. 03PostgreSQL を使うチャットボットの設定
  4. 04アプリを Vercel または Netlify にデプロイ

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill ai-chatbot

インストール後、Claude Code で/ai-chatbotを入力して読み込まれたか確認します。

詳細

AI チャットボット

認証、ファイルストレージ、複数モデルのサポートを備えた、機能豊富でカスタマイズ可能な AI チャットボットです。

技術スタック

  • フレームワーク: Next.js 15
  • React: React 19
  • AI: AI SDK、Vercel AI Gateway
  • 認証: Auth.js
  • ORM: Drizzle
  • データベース: PostgreSQL（Neon、Supabase、または Railway）
  • スタイリング: Tailwind CSS、shadcn/ui
  • パッケージマネージャー: pnpm
  • 開発用ポート: 3000

セットアップ

1. テンプレートをクローンする
git clone --depth 1 https://github.com/Eng0AI/ai-chatbot-template.git .

ディレクトリが空でない場合：

git clone --depth 1 https://github.com/Eng0AI/ai-chatbot-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Git の履歴を削除する（任意）
rm -rf .git
git init
3. 依存関係をインストールする
pnpm install
4. 環境変数を設定する
cp .env.example .env

必須の変数：

  • POSTGRES_URL - PostgreSQL の接続文字列
  • AUTH_SECRET - openssl rand -base64 32 で生成します
  • OPENAI_API_KEY または ANTHROPIC_API_KEY - LLM プロバイダーのキー
5. データベースのマイグレーションを実行する
pnpm db:migrate

ビルド

pnpm build

または、マイグレーションなしでビルドを実行します（すでにマイグレーション済みの場合）：

next build

デプロイ

Vercel（推奨）
# Pull project settings
vercel pull --yes -t $VERCEL_TOKEN

# Push env vars (first time only)
while IFS='=' read -r key value; do
  [[ "$key" =~ ^#.*$ || -z "$key" || -z "$value" ]] && continue
  for env in production preview development; do
    printf '%s' "$value" | vercel env add "$key" $env -t $VERCEL_TOKEN
  done
done < .env

# Build and deploy
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
# Import env vars (first time only)
netlify env:import .env

# Deploy
netlify deploy --prod

重要な注意事項

  • データベースが必要です： ビルド前に PostgreSQL データベースをセットアップしてください
  • マイグレーションが必要です： 初回のビルド前に pnpm db:migrate を実行してください
  • 認証シークレット： AUTH_SECRET 用の安全なランダムシークレットを生成してください
  • VM 環境では pnpm dev を実行しないでください

コメント

Markdown 対応