use latest experimental version of @opennextjs/cloudflare

Author: dario-piotrowicz

.gitignore

@@ -34,5 +34,5 @@ tsconfig.tsbuildinfo
 dist/
 
 # Ignore worker artifacts
-apps/site/.worker-next
+apps/site/.open-next
 apps/site/.wrangler

apps/site/CLOUDFLARE.md

@@ -71,7 +71,6 @@ You can monitor and configure the project at https://dash.cloudflare.com/fb4a2d0
 
 The following is an incomplete list of tasks and problems that still need to be resolved:
 
-- [ ] update `@opennextjs/cloudflare` to the latest in `/apps/site/package.json`
 - [ ] sort out issues with `eval` and MDX and undo edits in `./app/[locale]/[[...path]]/page.tsx`
 - [ ] reimplement `getMarkdownFiles` in `next.helpers.mjs` to be generated at build time
   - this can be accomplished either via a npm/turbo prebuild task, or possibly as part of next.js SSG/staticProps (but we need to ensure that we don't end up accidentaly downloading this big file to the client as part of hydration)
@@ -82,6 +81,6 @@ The following is an incomplete list of tasks and problems that still need to be
   - [ ] properly implement the rest of `.cloudflare/node/*` polyfills
 - [ ] remove symlink hack in `package.json#build:cloudflare`
   - would it be possible to make the pages directory part of assets in a less hacky way?
-  - [ ] move these files under `.worker-next/assets/cdn-cgi/pages` so that these raw md files are not publicly accessible as that could become a maintenance burden down the road.
+  - [ ] move these files under `.open-next/assets/cdn-cgi/pages` so that these raw md files are not publicly accessible as that could become a maintenance burden down the road.
 - [ ] review and improve `/apps/site/turbo.json` changes
 - [ ] reenable minification in `next.config.mjs`

apps/site/open-next.config.ts

@@ -0,0 +1,13 @@
+const config = {
+  default: {},
+
+  middleware: {
+    external: true,
+    override: {
+      wrapper: 'cloudflare',
+      converter: 'edge',
+    },
+  },
+};
+
+export default config;

apps/site/package.json

@@ -34,7 +34,7 @@
     "test:unit": "cross-env NODE_NO_WARNINGS=1 jest",
     "test:unit:watch": "npm run test:unit -- --watch",
     "test": "turbo test:unit",
-    "build:cloudflare": "cross-env cloudflare && ln -s ../../pages ./.worker-next/assets/",
+    "build:cloudflare": "cross-env cloudflare && ln -s ../../pages ./.open-next/assets/",
     "preview:cloudflare": "wrangler dev --port 8771",
     "deploy:cloudflare": "wrangler deploy"
   },
@@ -93,7 +93,7 @@
   "devDependencies": {
     "@eslint/compat": "~1.2.0",
     "@next/eslint-plugin-next": "~14.2.14",
-    "@opennextjs/cloudflare": "^0.2.1",
+    "@opennextjs/cloudflare": "https://pkg.pr.new/@opennextjs/cloudflare@experimental",
     "@storybook/addon-controls": "~8.4.1",
     "@storybook/addon-interactions": "~8.4.1",
     "@storybook/addon-themes": "~8.4.1",

apps/site/turbo.json

@@ -132,7 +132,7 @@
       "outputs": ["coverage/**", "junit.xml"]
     },
     "build:cloudflare": {
-      "outputs": [".worker-next/**"]
+      "outputs": [".open-next/**"]
     },
     "preview:cloudflare": {
       "dependsOn": ["build:cloudflare"]

apps/site/wrangler.toml

@@ -1,4 +1,4 @@
-main = ".worker-next/index.mjs"
+main = ".open-next/index.mjs"
 name = "nodejs-website"
 compatibility_date = "2024-11-07"
 compatibility_flags = ["nodejs_compat"]
@@ -16,5 +16,5 @@ head_sampling_rate = 1
 
 
 [assets]
-directory = ".worker-next/assets"
+directory = ".open-next/assets"
 binding = "ASSETS"

eslint.config.js

@@ -16,7 +16,7 @@ export default [
       'junit.xml',
       'storybook-static/**',
       '**/.wrangler',
-      '**/.worker-next',
+      '**/.open-next',
     ],
   },
   {