mcpField
V
vite-react

vite-react

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

vite-react について

Vite React Template は、TypeScript で React アプリを作る開発者向けのスタータープロジェクトです。React 19、Vite 7、ESLint、ホットモジュールリプレースメントを備え、セットアップ、ビルド、デプロイの手順を含みます。

主な機能

  1. 01React 19 と Vite 7 の構成
  2. 02TypeScript の設定
  3. 03ESLint の導入
  4. 04ホットモジュールリプレースメント
  5. 05ビルドとデプロイの手順

活用シーン

  1. 01React アプリの開発開始
  2. 02TypeScript と HMR を使った開発
  3. 03デプロイ可能なアプリのビルド

インストール

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

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill vite-react

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

詳細

Vite React テンプレート

TypeScript、ESLint、ホットモジュール置換を備えた、Vite + React の完全なプロジェクトです。

技術スタック

  • フレームワーク: React 19
  • ビルドツール: Vite 7
  • 言語: TypeScript
  • パッケージマネージャー: npm
  • 出力先: dist ディレクトリ
  • 開発ポート: 5173

セットアップ

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

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

git clone --depth 1 https://github.com/Eng0AI/vite-react-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

ビルドの前に TypeScript のコンパイルが実行されます（tsc -b && vite build）。

デプロイ

Vercel（推奨）
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
netlify deploy --prod --dir=dist

開発

npm run dev

HMR が有効な状態で http://localhost:5173 で開きます。

コメント

Markdown 対応