- プロジェクトの作成: まず、Reactプロジェクトを作成します。以下のコマンドを使用して、新しいプロジェクトを作成します。
npx create-vite my-app --template react- ローカルでの開発: プロジェクトが作成されたら、以下のコマンドを使用してローカルで開発サーバーを起動します。
cd my-app
npm install
npm run devこれにより、開発用のサーバーが起動し、アプリケーションがブラウザで表示されます。ファイルの変更は自動的にリロードされます。
- ビルド: アプリケーションの開発が完了したら、以下のコマンドを使用してアプリをビルドします。
npm run buildこれにより、アプリの最適化されたバージョンが生成されます。
- デプロイ: ビルドが完了したら、生成された「dist」フォルダ内のファイルをウェブサーバーにアップロードします。静的サイトホスティングプラットフォーム（Netlify、Vercel、GitHub Pagesなど）を使用すると、デプロイが簡単になります。各プラットフォームには、デプロイ手順に関するドキュメントが用意されています。
これで、React Viteを使用してアプリをデプロイする方法がわかりました。これにより、高速で効率的なウェブアプリケーションを開発し、デプロイすることができます。ぜひ試してみてください。