chore: add react to site for shadcn

Author: jhilker98

astro.config.mjs

@@ -9,12 +9,14 @@ import robotsTxt from "astro-robots-txt";
 
 import icon from "astro-icon";
 
+import react from "@astrojs/react";
+
 // https://astro.build/config
 export default defineConfig({
   site: "https://jhilker.com",
   outDir: "public",
   publicDir: "static",
-  integrations: [mdx(), tailwind(), alpinejs(), sitemap(), robotsTxt(), icon()],
+  integrations: [mdx(), tailwind(), alpinejs(), sitemap(), robotsTxt(), icon(), react()],
   markdown: {
     rehypePlugins: [rehypeHeadingIds, remarkToc],
     shikiConfig: {

package-lock.json

@@ -15,16 +15,21 @@
   "dependencies": {
     "@astrojs/alpinejs": "^0.4.0",
     "@astrojs/mdx": "^3.1.9",
+    "@astrojs/react": "^3.6.3",
     "@astrojs/rss": "^4.0.9",
     "@astrojs/sitemap": "^3.2.1",
     "@astrojs/tailwind": "^5.1.2",
     "@types/alpinejs": "^3.13.5",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
     "alpinejs": "^3.13.2",
     "astro": "^4.16.14",
     "astro-icon": "^1.1.0",
     "astro-robots-txt": "^1.0.0",
     "dompurify": "^3.0.6",
     "fuse.js": "^7.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "tailwindcss": "^3.3.5"
   },
   "devDependencies": {

package.json

@@ -2,15 +2,33 @@
   "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
     "baseUrl": ".",
-    "types": ["unplugin-icons/types/astro"],
+    "types": [
+      "unplugin-icons/types/astro"
+    ],
     "paths": {
-      "@components/*": ["src/components/*"],
-      "@assets/*": ["src/assets/*"],
-      "@layouts/*": ["src/layouts/*"],
-      "@lib/*": ["src/lib/*"],
-      "@consts": ["src/consts.ts"],
-      "@types": ["src/types.ts"],
-      "@content": ["src/content/*"]
-    }
+      "@components/*": [
+        "src/components/*"
+      ],
+      "@assets/*": [
+        "src/assets/*"
+      ],
+      "@layouts/*": [
+        "src/layouts/*"
+      ],
+      "@lib/*": [
+        "src/lib/*"
+      ],
+      "@consts": [
+        "src/consts.ts"
+      ],
+      "@types": [
+        "src/types.ts"
+      ],
+      "@content": [
+        "src/content/*"
+      ]
+    },
+    "jsx": "react-jsx",
+    "jsxImportSource": "react"
   }
-}
+}