t3-code-android-nightly/.repos/alchemy-effect/examples/cloudflare-website-react-router/app/routes/home.tsx
Julius Marminge e3c85ead63
chore(refs): sync Effect and Alchemy references to rc.115 and beta.78 (#12327)
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
2026-09-17 23:21:25 -07:00

20 lines
607 B
TypeScript

/** @jsxImportSource react */
import { Card } from "../components/Card.tsx";
// A server component: renders in the Worker on every request. With the
// date-default Node.js compatibility, the `env` declared in
// alchemy.run.ts is populated onto `process.env`.
const Component = () => {
const greeting = process.env.GREETING ?? "Hello!";
return (
<main>
<h1 className="text-3xl font-bold">{greeting}</h1>
<Card
title="Styled with Tailwind CSS"
body="This card is a React component styled with Tailwind utilities."
/>
</main>
);
};
export default Component;