React Router へようこそ!

React Router を使用したフルスタック React アプリケーションを構築するための、モダンで本番環境に対応したテンプレートです。

特徴

依存関係をインストールします:

npm install

HMR を使用して開発サーバーを起動します:

npm run dev

アプリケーションは http://localhost:5173 で利用可能になります。

本番用ビルドを作成します:

npm run build

Docker を使用してビルドおよび実行するには:

docker build -t my-app .

# コンテナを実行
docker run -p 3000:3000 my-app

コンテナ化されたアプリケーションは、Docker をサポートする任意のプラットフォームにデプロイできます。次に例を示します:

Node アプリケーションのデプロイに精通している場合、組み込みのアプリサーバーは本番環境で使用できる状態です。

npm run build の出力をデプロイしてください。

├── package.json
├── package-lock.json (or pnpm-lock.yaml, or bun.lockb)
├── build/
│   ├── client/    # 静的アセット
│   └── server/    # サーバーサイドコード

このテンプレートには Tailwind CSS がすでに設定されており、シンプルなデフォルトの開始エクスペリエンスを提供します。お好みの CSS フレームワークを使用できます。

React Router を用いて ❤️ を込めて構築されました。