Feat: react demo

astro.config.mjs

@@ -1,6 +1,12 @@
 import { defineConfig } from "astro/config";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+import react from "@astrojs/react";
 
+// https://astro.build/config
 export default defineConfig({
+  vite: {
+    plugins: [nodePolyfills()],
+  },
   build: {
     format: "preserve",
   },
@@ -11,4 +17,5 @@ export default defineConfig({
     syntaxHighlight: "shiki",
   },
   site: "https://novage.com.ua/",
+  integrations: [react()],
 });

package.json

@@ -11,12 +11,19 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "^0.5.3",
-    "astro": "^4.3.5",
-    "typescript": "^5.3.3"
+    "@astrojs/check": "^0.7.0",
+    "@astrojs/react": "^3.6.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "astro": "^4.11.1",
+    "p2p-media-loader-demo": "^1.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.5.2"
   },
   "devDependencies": {
-    "prettier": "^3.2.5",
-    "prettier-plugin-astro": "^0.13.0"
+    "prettier": "^3.3.2",
+    "prettier-plugin-astro": "^0.14.0",
+    "vite-plugin-node-polyfills": "^0.22.0"
   }
 }