| 1 | import Card from "~/components/Card"; |
| 2 | |
| 3 | // Server-rendered in the Cloudflare Worker. Date-default Node.js compatibility |
| 4 | // populates `process.env` from the Worker's environment, so the |
| 5 | // `GREETING` value declared in alchemy.run.ts is read the same way as on |
| 6 | // any Node server. |
| 7 | export default function Home() { |
| 8 | const greeting = |
| 9 | (typeof process !== "undefined" && process.env.GREETING) || "Hello!"; |
| 10 | return ( |
| 11 | <main> |
| 12 | <h1 class="text-3xl font-bold">{greeting}</h1> |
| 13 | <Card |
| 14 | title="Styled with Tailwind CSS" |
| 15 | body="This card is a Solid component styled with Tailwind utilities." |
| 16 | /> |
| 17 | </main> |
| 18 | ); |
| 19 | } |