| 1 | --- |
| 2 | // Tailwind is wired through astro.config.ts (@tailwindcss/vite) — Alchemy |
| 3 | // loads the project's own config natively, so the utilities below compile. |
| 4 | import "../styles/global.css"; |
| 5 | import Card from "../components/Card.astro"; |
| 6 | |
| 7 | // Server-rendered on every request inside the Fly Machine. |
| 8 | // Environment values declared in alchemy.run.ts are available on |
| 9 | // `process.env`. |
| 10 | const greeting = process.env.GREETING ?? "Hello!"; |
| 11 | const now = new Date().toISOString(); |
| 12 | --- |
| 13 | |
| 14 | <html lang="en"> |
| 15 | <head> |
| 16 | <meta charset="utf-8" /> |
| 17 | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 18 | <title>Astro on Fly</title> |
| 19 | </head> |
| 20 | <body class="bg-slate-50 p-8 text-slate-900"> |
| 21 | <h1 class="text-3xl font-bold">{greeting}</h1> |
| 22 | <Card |
| 23 | title="Styled with Tailwind CSS" |
| 24 | body="This card is an Astro component styled with Tailwind utilities." |
| 25 | /> |
| 26 | <p class="mt-4 text-slate-600"> |
| 27 | This page is server-rendered in a Fly Machine at {now}. |
| 28 | </p> |
| 29 | <p class="mt-2"> |
| 30 | <a href="/about/" class="text-blue-600 underline">A prerendered page</a> |
| 31 | </p> |
| 32 | </body> |
| 33 | </html> |