Adapt the project to the needs of cloudflare workers

examples/vercel-blog-starter/.gitignore

@@ -34,3 +34,7 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# cf workers
+.wrangler
+.worker-next

examples/vercel-blog-starter/next.config.mjs

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default nextConfig;

examples/vercel-blog-starter/package.json

@@ -1,9 +1,13 @@
 {
+  "name": "vercel-blog-starter",
   "private": true,
   "scripts": {
     "dev": "next",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "build:worker": "cloudflare",
+    "dev:worker": "wrangler dev --port 8773",
+    "preview:worker": "pnpm build:worker && pnpm dev:worker"
   },
   "dependencies": {
     "classnames": "^2.5.1",
@@ -16,12 +20,14 @@
     "remark-html": "^16.0.1"
   },
   "devDependencies": {
+    "@opennextjs/cloudflare": "workspace:*",
     "@types/node": "^20.14.8",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",
     "tailwindcss": "^3.4.4",
-    "typescript": "^5.5.2"
+    "typescript": "^5.5.2",
+    "wrangler": "^3.80.4"
   }
 }

examples/vercel-blog-starter/wrangler.toml

@@ -0,0 +1,8 @@
+name = "vercel-blog-starter-on-workers"
+main = ".worker-next/index.mjs"
+
+compatibility_date = "2024-09-23"
+compatibility_flags = ["nodejs_compat"]
+
+# Use the new Workers + Assets to host the static frontend files
+assets = { directory = ".worker-next/assets", binding = "ASSETS" }