t3-code-android-nightly/.repos/alchemy-effect/examples/hetzner-website-tanstack-start/README.md

1.1 KiB

Hetzner Website: TanStack Start

Deploys a TanStack Start site to Hetzner with Hetzner.Website.TanStackStart — no adapter setup in the project config.

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

  • src/routes/index.tsx is server-rendered on the Hetzner Server and reads GREETING from process.env through a server function.
  • src/components/Card.tsx is a React component styled with Tailwind utilities.
const site = yield* Hetzner.Website.TanStackStart("Website", {
  env: { GREETING: "Hello from TanStack Start 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