React プロジェクト作成

開発用コンテナ内で、React プロジェクトを作成

• 下記コマンドにより、Vite と TypeScript を使用する設定となる
• ⚠️ /app 直下でコマンドを実行すること

bun create vite@latest . --template react-swc-ts

作成後、ファイルが自動で追加される

パッケージ群のインストール

bun install

vite.config.ts の修正

ローカルマシンから localhost へアクセスできるように、設定ファイルを修正

export default defineConfig({
+ server: {
+   host: true,
+ },
  plugins: [react()],
})

アプリケーション起動

下記コマンド実行後、http://localhost:5173/ へアクセスして画面表示されればOK

bun run dev