Remix と Bun でアプリを構築

NOTE

現在、Remix 開発サーバー（`remix dev`）は Bun がまだ実装していない Node.js API に依存しています。以下のガイドでは、Bun を使用してプロジェクトを初期化し依存関係をインストールしますが、開発サーバーを実行するには Node.js を使用します。

create-remix で Remix アプリを初期化します。

bun create remix

txt

 remix   v1.19.3 💿 より良いウェブサイトを構築しましょう...

   dir   新しいプロジェクトを作成する場所はどこですか？
         ./my-app

      ◼  基本テンプレートを使用します。詳細については https://remix.run/docs/en/main/guides/templates#templates を参照してください
      ✔  テンプレートがコピーされました

   git   新しい git リポジトリを初期化しますか？
         はい

  deps   bun で依存関係をインストールしますか？
         はい

      ✔  依存関係がインストールされました
      ✔  Git が初期化されました

  done   完了です！
         cd ./my-app を使用してプロジェクトディレクトリに入ります
         開発とデプロイの手順については README.md を確認してください。

開発サーバーを起動するには、プロジェクトルートから bun run dev を実行します。これにより、remix dev コマンドを使用して開発サーバーが起動します。Node.js が開発サーバーの実行に使用されることに注意してください。

cd my-app
bun run dev

txt

$ remix dev

💿  remix dev

info  building...
info  built (263ms)
Remix App Server started at http://localhost:3000 (http://172.20.0.143:3000)

http://localhost:3000 を開いてアプリを確認します。app/routes/_index.tsx に対する変更はブラウザでホットリロードされます。

アプリをビルドして起動するには、bun run build を実行します。

bun run build

txt

$ remix build
info  building... (NODE_ENV=production)
info  built (158ms)

次にプロジェクトルートから bun run start を実行します。

bun start

txt

$ remix-serve ./build/index.js
[remix-serve] http://localhost:3000 (http://192.168.86.237:3000)

Remix を使用したアプリの構築に関する詳細については、Remix ドキュメントを参照してください。