t3-code-android-nightly/.repos/alchemy-effect/examples/hetzner-website-react-router/README.md

1.1 KiB

Hetzner Website: React Router

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

The Node adapter bundle runs as a systemd unit on a Hetzner Cloud Server (port 3000).

  • app/routes/home.tsx is server-rendered on the Hetzner Server and reads GREETING from process.env.
  • app/components/Card.tsx is a React component styled with Tailwind utilities.
  • Static assets under public/ deploy with the service.
const site = yield* Hetzner.Website.ReactRouter("Website", {
  env: { GREETING: "Hello from React Router on Hetzner!" },
});

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).

Dev

bun run dev

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

Destroy

bun run destroy