chore: deploy using cloudflare worker

Author: byodian

.gitignore

@@ -37,5 +37,14 @@ jspm_packages
 .node_repl_history
 .next
 
+# OpenNext
+/.open-next
+
 .DS_Store
-.env*
+.env*
+
+# wrangler files
+.wrangler
+.dev.vars*
+
+ads.txt

next.config.mjs

@@ -1,4 +1,7 @@
 /** @type {import('next').NextConfig} */
+// added by create cloudflare to enable calling `getCloudflareContext()` in `next dev`
+import { initOpenNextCloudflareForDev } from '@opennextjs/cloudflare'
 const nextConfig = {}
 
 export default nextConfig
+initOpenNextCloudflareForDev()

open-next.config.ts

@@ -0,0 +1,3 @@
+import { defineCloudflareConfig } from '@opennextjs/cloudflare'
+// https://opennext.js.org/
+export default defineCloudflareConfig()

package.json

@@ -11,14 +11,18 @@
     "pages:build": "npx @cloudflare/next-on-pages",
     "typecheck": "tsc --noEmit --incremental false",
     "prepare": "husky",
-    "release": "bumpp -r"
+    "release": "bumpp -r",
+    "preview": "opennextjs-cloudflare build && opennextjs-cloudflare preview",
+    "deploy": "opennextjs-cloudflare build && opennextjs-cloudflare deploy",
+    "cf-typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/resolvers": "^3.9.0",
+    "@opennextjs/cloudflare": "^1.3.1",
     "@pdf-lib/upng": "^1.0.1",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-label": "^2.1.0",
@@ -74,7 +78,6 @@
   },
   "devDependencies": {
     "@byodian/eslint-config-react": "^0.1.6",
-    "@cloudflare/next-on-pages": "^1.13.2",
     "@types/dompurify": "^3.0.5",
     "@types/file-saver": "^2.0.7",
     "@types/node": "^20",
@@ -89,7 +92,8 @@
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
     "typescript": "^5",
-    "vercel": "39.1.1"
+    "vercel": "39.1.1",
+    "wrangler": "^4.20.5"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx}": [