Install Tailwind and Preact

astro/astro.config.mjs

@@ -1,5 +1,14 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
 
+import preact from '@astrojs/preact';
+import tailwindcss from '@tailwindcss/vite';
+
 // https://astro.build/config
-export default defineConfig({});
+export default defineConfig({
+  integrations: [preact()],
+
+  vite: {
+    plugins: [tailwindcss()]
+  }
+});

astro/package.json

@@ -9,6 +9,10 @@
     "astro": "astro"
   },
   "dependencies": {
-    "astro": "^5.17.1"
+    "@astrojs/preact": "^4.1.3",
+    "@tailwindcss/vite": "^4.2.1",
+    "astro": "^5.17.1",
+    "preact": "^10.28.4",
+    "tailwindcss": "^4.2.1"
   }
-}
+}

astro/src/styles/global.css

@@ -0,0 +1 @@
+@import "tailwindcss";

astro/tsconfig.json

@@ -1,5 +1,14 @@
 {
   "extends": "astro/tsconfigs/strict",
-  "include": [".astro/types.d.ts", "**/*"],
-  "exclude": ["dist"]
-}
+  "include": [
+    ".astro/types.d.ts",
+    "**/*"
+  ],
+  "exclude": [
+    "dist"
+  ],
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact"
+  }
+}