Construir una aplicación con Remix y Bun

NOTE

Actualmente el servidor de desarrollo de Remix (`remix dev`) depende de APIs de Node.js que Bun aún no implementa. La guía a continuación usa Bun para inicializar un proyecto e instalar dependencias, pero usa Node.js para ejecutar el servidor de desarrollo.

Inicializa una aplicación 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.

Para iniciar el servidor de desarrollo, ejecuta bun run dev desde la raíz del proyecto. Esto iniciará el servidor de desarrollo usando el comando remix dev. Ten en cuenta que se usará Node.js para ejecutar el servidor de desarrollo.

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)

Abre http://localhost:3000 para ver la aplicación. Cualquier cambio que hagas en app/routes/_index.tsx se recargará en caliente en el navegador.

Para compilar e iniciar tu aplicación, ejecuta bun run build

bun run build

txt

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

Luego bun run start desde la raíz del proyecto.

bun start

txt

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

Consulta la documentación de Remix para más información sobre cómo construir aplicaciones con Remix.