Fly Website: React Router

Deploys a React Router v7 (framework mode) site to Fly with Fly.Website.ReactRouter — no adapter setup in the project config.

The Node adapter bundle runs as a Fly Service on a Machine (port 3000).

app/routes/home.tsx is server-rendered on the Fly Machine and reads GREETING from process.env.
A Tailwind-styled Card component ships with the page.
Static assets under public/ (or static/) deploy with the service.

const site = yield* Fly.Website.ReactRouter("Website", {
  env: { GREETING: "Hello from React Router on Fly!" },
});

The integration package must be installed in the project (it is loaded dynamically at deploy time):

bun add -d @alchemy.run/frontend-frameworks

Deploy

bun run deploy

Unchanged sources skip the build entirely on subsequent deploys — the input files are content-hashed (scoped by memo.include).

bun run dev

alchemy dev runs the framework's own dev server (HMR included) and no cloud resources are created.

bun run destroy