chore: adaptation for CloudFare deployment

Author: Ohh-889

.gitignore

@@ -36,3 +36,7 @@ yarn-error.log*
 # Misc
 .DS_Store
 *.pem
+
+# Open Next
+.open-next
+.wrangler

package.json

@@ -9,6 +9,7 @@
   "scripts": {
     "build": "turbo run build",
     "check-types": "turbo run check-types",
+    "deploy:playground": "pnpm --filter soybean-react-ui-playground deploy",
     "dev": "turbo run dev",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "lint": "turbo run lint",
@@ -28,5 +29,10 @@
     "tsup": "8.5.0",
     "turbo": "2.5.4",
     "typescript": "5.8.2"
+  },
+  "pnpm": {
+    "overrides": {
+      "esbuild": "0.25.5"
+    }
   }
 }

playground/open-next.config.ts

@@ -0,0 +1,7 @@
+// default open-next.config.ts file created by @opennextjs/cloudflare
+import { defineCloudflareConfig } from "@opennextjs/cloudflare/config";
+import r2IncrementalCache from "@opennextjs/cloudflare/overrides/incremental-cache/r2-incremental-cache";
+
+export default defineCloudflareConfig({
+	incrementalCache: r2IncrementalCache,
+});

playground/package.json

@@ -1,12 +1,16 @@
 {
-  "name": "playground",
+  "name": "soybean-react-ui-playground",
   "version": "0.1.0",
   "private": true,
   "scripts": {
     "build": "next build",
+    "cf-typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts",
+    "deploy": "opennextjs-cloudflare build && opennextjs-cloudflare deploy",
     "dev": "next dev --turbopack",
     "lint": "next lint",
-    "start": "next start"
+    "preview": "opennextjs-cloudflare build && opennextjs-cloudflare preview",
+    "start": "next start",
+    "upload": "opennextjs-cloudflare build && opennextjs-cloudflare upload"
   },
   "dependencies": {
     "embla-carousel-autoplay": "^8.6.0",
@@ -18,10 +22,16 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
+    "@opennextjs/cloudflare": "^1.5.1",
     "@soybean-react-ui/tailwind-plugin": "workspace:*",
     "@tailwindcss/postcss": "4.1.11",
     "eslint": "9.30.0",
     "eslint-config-next": "15.3.4",
     "tailwindcss": "4.1.11"
+  },
+  "pnpm": {
+    "overrides": {
+      "esbuild": "0.25.5"
+    }
   }
 }

playground/wrangler.jsonc

@@ -0,0 +1,17 @@
+{
+  "name": "soybean-react-ui-playground",
+  "main": ".open-next/worker.js",
+  "compatibility_date": "2025-07-13",
+  "compatibility_flags": ["nodejs_compat"],
+  "assets": {
+    "directory": ".open-next/assets",
+    "binding": "ASSETS"
+  },
+  "r2_buckets": [
+    {
+      "binding": "NEXT_INC_CACHE_R2_BUCKET",
+      "bucket_name": "skyroc",
+      "preview_bucket_name": "skyroc"
+    }
+  ]
+}