Eine App mit Remix und Bun erstellen

NOTE

Derzeit verlässt sich der Remix-Entwicklungsserver (`remix dev`) auf Node.js-APIs, die Bun noch nicht implementiert. Die untenstehende Anleitung verwendet Bun, um ein Projekt zu initialisieren und Abhängigkeiten zu installieren, verwendet jedoch Node.js, um den Entwicklungsserver auszuführen.

Initialisieren Sie eine Remix-App mit create-remix.

bun create remix

txt

 remix   v1.19.3 💿 Let's build a better website...

   dir   Where should we create your new project?
         ./my-app

      ◼  Using basic template See https://remix.run/docs/en/main/guides/templates#templates for more
      ✔  Template copied

   git   Initialize a new git repository?
         Yes

  deps   Install dependencies with bun?
         Yes

      ✔  Dependencies installed
      ✔  Git initialized

  done   That's it!
         Enter your project directory using cd ./my-app
         Check out README.md for development and deploy instructions.

Um den Entwicklungsserver zu starten, führen Sie bun run dev vom Projektstammverzeichnis aus. Dies startet den Entwicklungsserver mit dem remix dev-Befehl. Beachten Sie, dass Node.js zum Ausführen des Entwicklungsservers verwendet wird.

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)

Öffnen Sie http://localhost:3000, um die App zu sehen. Alle Änderungen, die Sie an app/routes/_index.tsx vornehmen, werden im Browser hot-reloaded.

Um Ihre App zu bauen und zu starten, führen Sie bun run build aus.

bun run build

txt

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

Führen Sie dann bun run start vom Projektstammverzeichnis aus.

bun start

txt

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

Lesen Sie die Remix-Dokumentation für weitere Informationen zum Erstellen von Apps mit Remix.