How do I install the Bun Build an app with Remix and Bun skill?

Run npx skillmds@latest add jarle/bun-build-an-app-with-remix-and-bun in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Bun Build an app with Remix and Bun skill do?

Build an app with Remix and Bun It is listed under Coding & Dev Tools on SkillMD.

Is Bun Build an app with Remix and Bun safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Bun Build an app with Remix and Bun?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Bun Build an app with Remix and Bun free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Bun Build an app with Remix and Bun?

jarle (@jarle) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Bun Build an app with Remix and Bun by jarle

Name: Bun Build an app with Remix and Bun
Author: jarle

File contents

Build an app with Remix and Bun

Initialize a Remix app with create-remix.

bun create remix

 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.

To start the dev server, run bun run dev from the project root. This will start the dev server using the remix dev command. Note that Node.js will be used to run the dev server.

cd my-app
bun run dev

$ remix dev

💿  remix dev

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

Open http://localhost:3000 to see the app. Any changes you make to app/routes/_index.tsx will be hot-reloaded in the browser.

To build and start your app, run bun run build

bun run build

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

Then bun run start from the project root.

bun start

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

Read the Remix docs for more information on how to build apps with Remix.

---name: bun-build-an-app-with-remix-and-bundescription: Build an app with Remix and Bun---# Build an app with Remix and Bun<Note> Currently the Remix development server (`remix dev`) relies on Node.js APIs that Bun does not yet implement. The guide below uses Bun to initialize a project and install dependencies, but it uses Node.js to run the dev server.</Note>***Initialize a Remix app with `create-remix`.```sh terminal icon="terminal" theme={"theme":{"light":"github-light","dark":"dracula"}}bun create remix``````txt theme={"theme":{"light":"github-light","dark":"dracula"}} 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.```***To start the dev server, run `bun run dev` from the project root. This will start the dev server using the `remix dev` command. Note that Node.js will be used to run the dev server.```sh terminal icon="terminal" theme={"theme":{"light":"github-light","dark":"dracula"}}cd my-appbun run dev``````txt theme={"theme":{"light":"github-light","dark":"dracula"}}$ remix dev💿 remix devinfo building...info built (263ms)Remix App Server started at http://localhost:3000 (http://172.20.0.143:3000)```***Open [http://localhost:3000](http://localhost:3000) to see the app. Any changes you make to `app/routes/_index.tsx` will be hot-reloaded in the browser.<Frame> ![Remix app running on localhost](https://github.com/oven-sh/bun/assets/3084745/c26f1059-a5d4-4c0b-9a88-d9902472fd77)</Frame>***To build and start your app, run `bun run build````sh terminal icon="terminal" theme={"theme":{"light":"github-light","dark":"dracula"}}bun run build``````txt theme={"theme":{"light":"github-light","dark":"dracula"}}$ remix buildinfo building... (NODE_ENV=production)info built (158ms)```Then `bun run start` from the project root.```sh terminal icon="terminal" theme={"theme":{"light":"github-light","dark":"dracula"}}bun start``````txt theme={"theme":{"light":"github-light","dark":"dracula"}}$ remix-serve ./build/index.js[remix-serve] http://localhost:3000 (http://192.168.86.237:3000)```***Read the [Remix docs](https://remix.run/) for more information on how to build apps with Remix.

Frequently asked questions

Bun Build an app with Remix and Bun