Costruire un'app con Remix e Bun

NOTE

Attualmente il server di sviluppo di Remix (`remix dev`) si basa su API Node.js che Bun non ha ancora implementato. La guida qui sotto usa Bun per inizializzare un progetto e installare le dipendenze, ma usa Node.js per eseguire il server di sviluppo.

Inizializza un'app Remix con 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.

Per avviare il server di sviluppo, esegui bun run dev dalla root del progetto. Questo avvierà il server di sviluppo usando il comando remix dev. Nota che verrà usato Node.js per eseguire il server di sviluppo.

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)

Apri http://localhost:3000 per vedere l'app. Qualsiasi modifica apportata a app/routes/_index.tsx verrà ricaricata a caldo nel browser.

Per costruire e avviare la tua app, esegui bun run build

bun run build

txt

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

Poi bun run start dalla root del progetto.

bun start

txt

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

Consulta la documentazione di Remix per ulteriori informazioni su come costruire app con Remix.