mcpField
T
tanstack-chat-netlify

tanstack-chat-netlify

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

tanstack-chat-netlify について

TanStack Router と Claude AI を使った React チャットアプリのスターターです。チャットアプリを開発する人向けに、npm でのセットアップ、開発とビルドのコマンド、Netlify へのデプロイ手順を提供します。

主な機能

  1. 01React チャットアプリ
  2. 02TanStack Router によるルーティング
  3. 03Claude AI の統合
  4. 04npm によるセットアップとビルド
  5. 05Netlify デプロイのコマンド

活用シーン

  1. 01チャットアプリの開発開始
  2. 02Claude AI を組み込んだ React アプリの構築
  3. 03チャットアプリの Netlify へのデプロイ

インストール

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

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill tanstack-chat-netlify

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

詳細

TanStack Chat（Netlify）

TanStack Router と Claude AI を使用したモダンなチャットアプリケーションです。

技術スタック

  • フレームワーク：React
  • ルーター：TanStack Router
  • AI：Claude AI との連携
  • パッケージマネージャー：npm

セットアップ

1. テンプレートをクローンする
git clone --depth 1 https://github.com/netlify-templates/tanstack-template.git .

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

git clone --depth 1 https://github.com/netlify-templates/tanstack-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. 依存関係をインストールする
npm install

ビルド

npm run build

Netlify にデプロイする

netlify deploy --prod

開発

npm run dev

コメント

Markdown 対応