From ef84b6b65983784538d25fdb8a5923a32a9034b7 Mon Sep 17 00:00:00 2001
From: Dorseuil Nicolas <nicodorseuil@yahoo.fr>
Date: Tue, 29 Apr 2025 16:58:24 +0200
Subject: [PATCH 1/4] add experimental e2e app

---
 examples/common/apps.ts                       |   1 +
 examples/e2e/experimental/.gitignore          |  41 ++++
 examples/e2e/experimental/README.md           |   3 +
 .../experimental/e2e/nodeMiddleware.test.ts   |  31 +++
 .../e2e/experimental/e2e/playwright.config.ts |   4 +
 examples/e2e/experimental/e2e/ppr.test.ts     |  24 ++
 .../e2e/experimental/e2e/use-cache.test.ts    |  85 +++++++
 examples/e2e/experimental/next.config.ts      |  18 ++
 examples/e2e/experimental/open-next.config.ts |  17 ++
 examples/e2e/experimental/package.json        |  30 +++
 .../src/app/api/revalidate/route.ts           |   6 +
 examples/e2e/experimental/src/app/favicon.ico | Bin 0 -> 25931 bytes
 examples/e2e/experimental/src/app/globals.css |  42 ++++
 examples/e2e/experimental/src/app/layout.tsx  |  31 +++
 .../e2e/experimental/src/app/page.module.css  | 168 ++++++++++++++
 examples/e2e/experimental/src/app/page.tsx    |  14 ++
 .../e2e/experimental/src/app/ppr/page.tsx     |  16 ++
 .../src/app/use-cache/isr/page.tsx            |  17 ++
 .../experimental/src/app/use-cache/layout.tsx |   9 +
 .../src/app/use-cache/ssr/page.tsx            |  20 ++
 .../experimental/src/components/cached.tsx    |  24 ++
 .../experimental/src/components/dynamic.tsx   |  15 ++
 .../experimental/src/components/static.tsx    |   8 +
 examples/e2e/experimental/src/middleware.ts   |  27 +++
 examples/e2e/experimental/tsconfig.json       |  27 +++
 examples/e2e/experimental/wrangler.jsonc      |  44 ++++
 pnpm-lock.yaml                                | 207 +++++++++++++++---
 pnpm-workspace.yaml                           |   8 +-
 28 files changed, 908 insertions(+), 29 deletions(-)
 create mode 100644 examples/e2e/experimental/.gitignore
 create mode 100644 examples/e2e/experimental/README.md
 create mode 100644 examples/e2e/experimental/e2e/nodeMiddleware.test.ts
 create mode 100644 examples/e2e/experimental/e2e/playwright.config.ts
 create mode 100644 examples/e2e/experimental/e2e/ppr.test.ts
 create mode 100644 examples/e2e/experimental/e2e/use-cache.test.ts
 create mode 100644 examples/e2e/experimental/next.config.ts
 create mode 100644 examples/e2e/experimental/open-next.config.ts
 create mode 100644 examples/e2e/experimental/package.json
 create mode 100644 examples/e2e/experimental/src/app/api/revalidate/route.ts
 create mode 100644 examples/e2e/experimental/src/app/favicon.ico
 create mode 100644 examples/e2e/experimental/src/app/globals.css
 create mode 100644 examples/e2e/experimental/src/app/layout.tsx
 create mode 100644 examples/e2e/experimental/src/app/page.module.css
 create mode 100644 examples/e2e/experimental/src/app/page.tsx
 create mode 100644 examples/e2e/experimental/src/app/ppr/page.tsx
 create mode 100644 examples/e2e/experimental/src/app/use-cache/isr/page.tsx
 create mode 100644 examples/e2e/experimental/src/app/use-cache/layout.tsx
 create mode 100644 examples/e2e/experimental/src/app/use-cache/ssr/page.tsx
 create mode 100644 examples/e2e/experimental/src/components/cached.tsx
 create mode 100644 examples/e2e/experimental/src/components/dynamic.tsx
 create mode 100644 examples/e2e/experimental/src/components/static.tsx
 create mode 100644 examples/e2e/experimental/src/middleware.ts
 create mode 100644 examples/e2e/experimental/tsconfig.json
 create mode 100644 examples/e2e/experimental/wrangler.jsonc

diff --git a/examples/common/apps.ts b/examples/common/apps.ts
index 919b45e5..9dcedaf1 100644
--- a/examples/common/apps.ts
+++ b/examples/common/apps.ts
@@ -11,6 +11,7 @@ const apps = [
   "app-pages-router",
   "app-router",
   "pages-router",
+  "experimental",
   // overrides
   "d1-tag-next",
   "memory-queue",
diff --git a/examples/e2e/experimental/.gitignore b/examples/e2e/experimental/.gitignore
new file mode 100644
index 00000000..5ef6a520
--- /dev/null
+++ b/examples/e2e/experimental/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/examples/e2e/experimental/README.md b/examples/e2e/experimental/README.md
new file mode 100644
index 00000000..9fbf1369
--- /dev/null
+++ b/examples/e2e/experimental/README.md
@@ -0,0 +1,3 @@
+# Experimental
+
+This project is meant to test experimental features that are only available on canary builds of Next.js.
diff --git a/examples/e2e/experimental/e2e/nodeMiddleware.test.ts b/examples/e2e/experimental/e2e/nodeMiddleware.test.ts
new file mode 100644
index 00000000..0a3fc324
--- /dev/null
+++ b/examples/e2e/experimental/e2e/nodeMiddleware.test.ts
@@ -0,0 +1,31 @@
+import { expect, test } from "@playwright/test";
+
+test.describe("Node Middleware", () => {
+  test.skip("Node middleware should add headers", async ({ request }) => {
+    const resp = await request.get("/");
+    expect(resp.status()).toEqual(200);
+    const headers = resp.headers();
+    expect(headers["x-middleware-test"]).toEqual("1");
+    expect(headers["x-random-node"]).toBeDefined();
+  });
+
+  test.skip("Node middleware should return json", async ({ request }) => {
+    const resp = await request.get("/api/hello");
+    expect(resp.status()).toEqual(200);
+    const json = await resp.json();
+    expect(json).toEqual({ name: "World" });
+  });
+
+  test.skip("Node middleware should redirect", async ({ page }) => {
+    await page.goto("/redirect");
+    await page.waitForURL("/");
+    const el = page.getByText("Incremental PPR");
+    await expect(el).toBeVisible();
+  });
+
+  test.skip("Node middleware should rewrite", async ({ page }) => {
+    await page.goto("/rewrite");
+    const el = page.getByText("Incremental PPR");
+    await expect(el).toBeVisible();
+  });
+});
diff --git a/examples/e2e/experimental/e2e/playwright.config.ts b/examples/e2e/experimental/e2e/playwright.config.ts
new file mode 100644
index 00000000..23ffcbba
--- /dev/null
+++ b/examples/e2e/experimental/e2e/playwright.config.ts
@@ -0,0 +1,4 @@
+import { configurePlaywright } from "../../../common/config-e2e";
+
+// We need to disable parallel execution for the experimental app, otherwise it breaks the SSR test
+export default configurePlaywright("experimental", { parallel: false });
diff --git a/examples/e2e/experimental/e2e/ppr.test.ts b/examples/e2e/experimental/e2e/ppr.test.ts
new file mode 100644
index 00000000..a9e94694
--- /dev/null
+++ b/examples/e2e/experimental/e2e/ppr.test.ts
@@ -0,0 +1,24 @@
+import { expect, test } from "@playwright/test";
+
+test.describe("PPR", () => {
+  test("PPR should show loading first", async ({ page }) => {
+    await page.goto("/");
+    await page.getByRole("link", { name: "Incremental PPR" }).click();
+    await page.waitForURL("/ppr");
+    const loading = page.getByText("Loading...");
+    await expect(loading).toBeVisible();
+    const el = page.getByText("Dynamic Component");
+    await expect(el).toBeVisible();
+  });
+
+  test("PPR rsc prefetch request should be cached", async ({ request }) => {
+    const resp = await request.get("/ppr", {
+      headers: { rsc: "1", "next-router-prefetch": "1" },
+    });
+    expect(resp.status()).toEqual(200);
+    const headers = resp.headers();
+    expect(headers["x-nextjs-postponed"]).toEqual("1");
+    expect(headers["x-nextjs-cache"]).toEqual("HIT");
+    expect(headers["cache-control"]).toEqual("s-maxage=31536000");
+  });
+});
diff --git a/examples/e2e/experimental/e2e/use-cache.test.ts b/examples/e2e/experimental/e2e/use-cache.test.ts
new file mode 100644
index 00000000..bb72ffc3
--- /dev/null
+++ b/examples/e2e/experimental/e2e/use-cache.test.ts
@@ -0,0 +1,85 @@
+import { expect, test } from "@playwright/test";
+
+test.describe("Composable Cache", () => {
+  test("cached component should work in ssr", async ({ page }) => {
+    await page.goto("/use-cache/ssr");
+    let fullyCachedElt = page.getByTestId("fullyCached");
+    let isrElt = page.getByTestId("isr");
+    await expect(fullyCachedElt).toBeVisible();
+    await expect(isrElt).toBeVisible();
+
+    const initialFullyCachedText = await fullyCachedElt.textContent();
+    const initialIsrText = await isrElt.textContent();
+
+    let isrText = initialIsrText;
+    do {
+      await page.reload();
+      fullyCachedElt = page.getByTestId("fullyCached");
+      isrElt = page.getByTestId("isr");
+      await expect(fullyCachedElt).toBeVisible();
+      await expect(isrElt).toBeVisible();
+      isrText = await isrElt.textContent();
+      await page.waitForTimeout(1000);
+    } while (isrText === initialIsrText);
+    const fullyCachedText = await fullyCachedElt.textContent();
+    expect(fullyCachedText).toEqual(initialFullyCachedText);
+  });
+
+  test("revalidateTag should work for fullyCached component", async ({ page, request }) => {
+    await page.goto("/use-cache/ssr");
+    const fullyCachedElt = page.getByTestId("fullyCached");
+    await expect(fullyCachedElt).toBeVisible();
+
+    const initialFullyCachedText = await fullyCachedElt.textContent();
+
+    const resp = await request.get("/api/revalidate");
+    expect(resp.status()).toEqual(200);
+    expect(await resp.text()).toEqual("DONE");
+
+    await page.reload();
+    await expect(fullyCachedElt).toBeVisible();
+    const newFullyCachedText = await fullyCachedElt.textContent();
+    expect(newFullyCachedText).not.toEqual(initialFullyCachedText);
+  });
+
+  test("cached component should work in isr", async ({ page }) => {
+    await page.goto("/use-cache/isr");
+
+    let fullyCachedElt = page.getByTestId("fullyCached");
+    let isrElt = page.getByTestId("isr");
+
+    await expect(fullyCachedElt).toBeVisible();
+    await expect(isrElt).toBeVisible();
+
+    let initialFullyCachedText = await fullyCachedElt.textContent();
+    let initialIsrText = await isrElt.textContent();
+
+    // We have to force reload until ISR has triggered at least once, otherwise the test will be flakey
+
+    let isrText = initialIsrText;
+
+    while (isrText === initialIsrText) {
+      await page.reload();
+      isrElt = page.getByTestId("isr");
+      fullyCachedElt = page.getByTestId("fullyCached");
+      await expect(isrElt).toBeVisible();
+      isrText = await isrElt.textContent();
+      await expect(fullyCachedElt).toBeVisible();
+      initialFullyCachedText = await fullyCachedElt.textContent();
+      await page.waitForTimeout(1000);
+    }
+    initialIsrText = isrText;
+
+    do {
+      await page.reload();
+      fullyCachedElt = page.getByTestId("fullyCached");
+      isrElt = page.getByTestId("isr");
+      await expect(fullyCachedElt).toBeVisible();
+      await expect(isrElt).toBeVisible();
+      isrText = await isrElt.textContent();
+      await page.waitForTimeout(1000);
+    } while (isrText === initialIsrText);
+    const fullyCachedText = await fullyCachedElt.textContent();
+    expect(fullyCachedText).toEqual(initialFullyCachedText);
+  });
+});
diff --git a/examples/e2e/experimental/next.config.ts b/examples/e2e/experimental/next.config.ts
new file mode 100644
index 00000000..bb72ada6
--- /dev/null
+++ b/examples/e2e/experimental/next.config.ts
@@ -0,0 +1,18 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+  cleanDistDir: true,
+  output: "standalone",
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+  experimental: {
+    ppr: "incremental",
+    // Node middleware is not supported yet in cloudflare
+    // nodeMiddleware: true,
+    dynamicIO: true,
+  },
+};
+
+export default nextConfig;
diff --git a/examples/e2e/experimental/open-next.config.ts b/examples/e2e/experimental/open-next.config.ts
new file mode 100644
index 00000000..b202bbb1
--- /dev/null
+++ b/examples/e2e/experimental/open-next.config.ts
@@ -0,0 +1,17 @@
+import { defineCloudflareConfig } from "@opennextjs/cloudflare";
+import r2IncrementalCache from "@opennextjs/cloudflare/overrides/incremental-cache/r2-incremental-cache";
+import shardedTagCache from "@opennextjs/cloudflare/overrides/tag-cache/do-sharded-tag-cache";
+import doQueue from "@opennextjs/cloudflare/overrides/queue/do-queue";
+
+export default defineCloudflareConfig({
+  incrementalCache: r2IncrementalCache,
+  // With such a configuration, we could have up to 12 * (8 + 2) = 120 Durable Objects instances
+  tagCache: shardedTagCache({
+    baseShardSize: 12,
+    shardReplication: {
+      numberOfSoftReplicas: 8,
+      numberOfHardReplicas: 2,
+    },
+  }),
+  queue: doQueue,
+});
diff --git a/examples/e2e/experimental/package.json b/examples/e2e/experimental/package.json
new file mode 100644
index 00000000..53e1f420
--- /dev/null
+++ b/examples/e2e/experimental/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "experimental",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbopack --port 3004",
+    "build": "next build",
+    "start": "next start --port 3004",
+    "lint": "next lint",
+    "clean": "rm -rf .turbo node_modules .next .open-next",
+    "build:worker": "pnpm opennextjs-cloudflare build",
+    "preview:worker": "pnpm opennextjs-cloudflare preview",
+    "preview": "pnpm build:worker && pnpm preview:worker",
+    "e2e": "playwright test -c e2e/playwright.config.ts"
+  },
+  "dependencies": {
+    "@opennextjs/cloudflare": "workspace:*",
+    "next": "15.4.0-canary.14",
+    "react": "catalog:e2e",
+    "react-dom": "catalog:e2e"
+  },
+  "devDependencies": {
+    "@playwright/test": "catalog:",
+    "@types/node": "catalog:e2e",
+    "@types/react": "catalog:e2e",
+    "@types/react-dom": "catalog:e2e",
+    "typescript": "catalog:default",
+    "wrangler": "catalog:"
+  }
+}
diff --git a/examples/e2e/experimental/src/app/api/revalidate/route.ts b/examples/e2e/experimental/src/app/api/revalidate/route.ts
new file mode 100644
index 00000000..da6b1e02
--- /dev/null
+++ b/examples/e2e/experimental/src/app/api/revalidate/route.ts
@@ -0,0 +1,6 @@
+import { revalidateTag } from "next/cache";
+
+export function GET() {
+  revalidateTag("fullyTagged");
+  return new Response("DONE");
+}
diff --git a/examples/e2e/experimental/src/app/favicon.ico b/examples/e2e/experimental/src/app/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..718d6fea4835ec2d246af9800eddb7ffb276240c
GIT binary patch
literal 25931
zcmeHv30#a{`}aL_*G&7qml|y<+KVaDM2m#dVr!KsA!#An?kSQM(q<_dDNCpjEux83
zLb9Z^XxbDl(w>%i@8hT6>)&Gu{h#Oeyszu?xtw#Zb1mO<?sK2}EE5RAKnxHU7lft+
zNRAPL3?T?25I&drAjl1ssi=G|D?(7bFsgtO(2o>{pgX9699l+Qppw7jXaYf~-84xW
z)w4x8?=youko|}Vr~(D$UX<xm7|19n6Hxvd5m6xx<*9a4%RmR{en}E&p$X-wy5A}T
zU0^dwXVA>IbiXABHh`p1?nn8Po~fxRJv}|0e(BPs|G`(TT%kKVJAdg5*Z|x0leQq0
zkdUBvb#>9F()jo|T~kx@OM8$9wzs~t2l;K=woNssA3l6|sx2r3+kdfVW@e^8e*E}v
zA1y5{bRi+3Z`uD3{F7LgFJDdvm;nJilkzDku>BwXH(8ItVCXk*-lSJnR?-2UN%<G)
zWdETe=&R39RaKR)udn|#TOgZ!e!yM=<=+`Uz{l^5UtkZ2fHDQ;UwMB}v%l$A-`~F-
z{Qr^x^CSUf63Sry{6y#+`<sMA?dPFvg)$lC_RkFRKnCi7&P<a6>hJ){&rlvg`CDTj
z)Bzo!3v7Ou#83zEDEFcKt(f1E0~=rqeEbTnMvWR#{+9pg%7G8y>u1OVRUSoox-ovF
z2Ydma(;=YuBY(eI|04{hXzZD6_f(v~H;C~y5=DhAC{MMS>2fm~1H_t2$56pc$NH8(
z5bH|<)71dV-_oCHIrzrT`2s-5w_+2CM0$95I6X8p^r!gHp+j_gd;9O<1~CEQQGS8)
zS9Qh3#p&JM-G8rHekNmKVewU;pJRcTAog68KYo^dRo}(M<!8cv(gkb9@A>>36U4Us
zfgYWSiHZL3;lpWT=<n~R&zm>zNAW>Dh#mB!_@Lg%$ms8N-;aPqMn+C2HqZgz&9~Eu
z4|Kp<`$q)Uw1R?y(~S>ePdonHxpV1#eSP1B;Ogo+-Pk}6#0GsZZ5!||ev2MGdh}_m
z{DeR7?0-1^zVs&`AV6<!ZvGbtU{7FdY&`9DeD(=q|M30$GCs(E?S0J1$e@G0#Z=wz
zl)*a>Vt;r3`I`OI_wgs*w=eO%_#7Kepl{B<UyBc9U%rn&@xFZ-e{%i>@xiyCANc(l
zzIyd4y|c6PXWq9-|KM8(zIk8LPk(>a)zyFWjhT!$HJ$qX1vo@d25W<<x-(q{Yn-pG
zKTz?fwGmh&&2-F3f57**)?Xk#p#S9h^DhK{VVKE&0KR^-_MMD9nf@pDACnmVll!kp
z3?Tha?LWW70P;AL{}cP~sW|?W|MbA09{7Kt2f!i(y>fvZQ2zUz5WRc(UnFMKHwe1|
zWmlB1qdbiA(C0jmnV<}GfbKtmcu^2*P^O?<jWWPHxu*D53Uq)j1!ZtH3Vi&#Nd^rV
zj`B>MBLZKt|As~ge8&AAO~2K@zbXelK|4T<{|y4`raF{=72kC2Kn(L4YyenWgrPiv
z@^mr$t{#X5VuIMeL!7Ab6_kG$&#&5p*Z{+?5U|TZ`B!7llpVmp@skYz&n^8QfPJzL
z0G6K_OJM9x+Wu2gfN45phANGt{7=C>i34CV{Xqlx(fWpeAoj^N0Biu`w+MVcCUyU*
zDZuzO0>4Z6fbu^T_arWW5n!E45vX8N=bxTVeFoep_G#VmNlQzAI_KTIc{6>c+04vr
zx@W}zE5JNSU>!THJ{J=cqjz+4{L4A{Ob9$ZJ*S1?Ggg3klFp!+Y1@K+pK1DqI|_gq
z5ZDXVpge8-cs!o|;K73#YXZ3AShj50wBvuq3NTOZ`M&qtjj#GOFfgExjg8Gn8>Vq5
z`85n+9|!iLCZF5$HJ$Iu($dm?8~-ofu}tEc+-pyke=3!im#6pk_Wo8IA|fJwD&~~F
zc16osQ)EBo58U7XDuMexaPRjU@h8tXe%S{fA0NH3vGJFhuyyO!Uyl2^&EOpX{9As0
zWj+P>{@}jxH)8|r;2HdupP!vie{sJ28b&bo!8`D^x}TE$%zXNb^X1p@0PJ86`dZyj
z%ce7*{^oo+6%&~I!8hQy-vQ7E)0t0ybH4l%KltWOo~8cO`T=157JqL(oq_rC%ea&4
z2NcTJe-HgFjNg-gZ$6!Y`SMHrlj}Etf7<Kk?_r;;``Uc^3+u}-v3@Q8<@$Nr`<F?K
z-%F>?r!zQTPPSv}{so2e>Fjs1{<qUF=hGRSFDG$<z3x<+@%{Vd%a`e+qodRP&D<om
zAEn>gzk~LGeesX%r(Lh6rbhSo_n)@@G-FTQy93;l#E)hgP@d_SGvyCp0~o(Y;Ee8{
zdVUDbHm5`2taPUOY^MAGOw*<R_VaVlPH<<CgYr!E->>=s7=Gst=D+p+2yON!0%Hk`
zz5mAhyT4lS*T3LS^WSxUy86q&GnoHxzQ6vm8)VS}_zuqG?+3td68_x;etQAdu@sc6
zQJ&5|4(I?~3d-QOAODHpZ=hlSg(lBZ!JZWCtHHSj`0Wh93-Uk)_S%zsJ~aD>{`A0~
z9{AG(e|q3g5B%wYKRxiL2Y$8(4w<boVrLOyLG9R$m+7N>6bzchKuloQW#e&S3n+P-
z8!ds-%f;TJ1>)v)##>gd{PdS2Oc3VaR`fr=`O8QIO(6(N!A?pr5C#6fc~Ge@N%Vvu
zaoAX2&(a6eWy_q&UwOhU)|P3J0Qc%OdhzW=F4D|pt0E4osw;%<%Dn58hAWD^XnZD=
z>9~H(3bmLtxpF?a7su6J7M*x1By7YSUbxGi)Ot0P77`}P<HJ;%@cvfCkvm6xcMjdY
zed_u6xK)F%|1Hy`)`e~K(f*MqTJ?92I+4lga{A5`-U@Cab35G6unNk<*dpB|Rtkp;
z?32o^yBlJsuA-^abQ~7;%<oa^k<DbKc{lOW2!yM#nEALvv)IhY7b|Wfg(UhtiurTM
zY-B6L26$JQo&Kt3nh3JTJ)garEgw^{uEM3__%b$U5{~+aMO*k)6R#grkER2`U6KS-
z=j1=QhCkuy%iiHWrqH8CeGNw*C?epTpl2Bo@ugUPKRFeiVHOpL7PHu-SAgX@qmTGH
z_%ePz1`io8XDfwLmip;Rn;1yo+3>3{)&5Un{KD?`-e?r21!4vTTnN(4Y6Lin?UkSM
z`MXCTC1@4A4~mvz%Rh2&EwY))LeoT=*`tMoqcEXI>TZU9WTP#l?uFv+@Dn~b(>xh2
z;>B?;Tz2SR&KVb>vGiBSB`@U7VIWFSo=LDSb9F{GF^DbmWAfpms8Sx9OX4CnBJca3
zlj9(x!dIjN?OG1X4l*imJNvRCk}F%!?SOfiOq5y^mZW)jFL@<gIi}tCXee1<sGV$i
z4r_`X#mEQbiDh!Efji0GjM9z-0bF}p0(*s(OzMJ|;K&OJBar<ARLp}T>a|r-@d#f7
z2gmU8L3IZq0ynIws=}~m^#@&C%J6QFo~Mo4V`>v7MI-_!EBMMtb%_M&kvAaN)@ZVw
z+`toz&WG#HkWDjnZE!6nk{e-oFdL^$YnbOCN}JC&{$#$O27@|Tn-skXr)2ml2~O!5
zX+gYoxhoc7qoU?C^3~&!U?kRFtnSEecWuH0B0OvLodgUAi}8p1<ZO0#U-k07ifx!>
zrO6RSXHH}D<I*>Mc$&|?D004<Y&c6)m74d`LOLU@ruR+Um4>DiOVMHV8kXCP@7NKB
zgaZq^^O<7PoKEp72kby@W0Z!Y*A<g|TlOeriuPP`vK2IntATvs?Iv|J14j&;NFSFo
zyJ+sca?G+8C%!b{Sq=6cJJqS>y{&vfg#C&gG@YVR9g?FEocMUi1gSN$+V+ayF45{a
zuDZDT<?u;)RfLQwg>N}mS|;BO%gEf}pjBfN2-gIrU#G5~cucA;dokXW89%>AyXJJI
z9X4Ul<x{xc_m~`mWBP0<g-{#wm}Vv~Ef3pKWC&N_<~88zSbEk;;+{DnJ9-u&Zc74s
zJ6TCQyl_^|5cY;wmDdrU@LTL-3v0H#Ui?8ICQV{imof1MHuM$`e*ux>IWA|ZYHgbI
z5?oFk@A=Ik7lrEQPDH!H+b`7_Y~aDb_qa=B2^Y&Ow41cU=4WDd40dp5(QS-WMN-=Y
z9g;6_-JdNU;|6cPwf$ak*aJIcwL@1n$#l~zi{c{EW?T;DaW*E8DYq?Umtz{nJ&w-M
zEMyT<MDk{HKbd#ckg5-pS_?QUVhZv?&Q-ioBS}$nvBd)nE7YO0deN~G(#zCJAbY$E
z!)g3Ytl=_NDUV%pykcE+Q<{EoZ_4FR@&#d<hqs%N>DrC&9K$d|kZe2#ws6)L=7K+{
zQw{XnV6UC$6-rW0emqm8wJoeZK)wJIcV?dST}Z;G0Arq{dVDu0&4kd%N!3F1*;*pW
zR&qUiFzK=@44#QGw7k1`3t_d8&*kBV->O##t|tonFc2YWrL7_eqg+=+k;!F-`^b8>
z#KWCE8%u4k@EprxqiV$VmmtiWxDLgnGu$Vs<8rppV5E<MCr+anDo)-{XRlCJ;D#M(
zT=3WgR02;Nm!54biUb^FtzPh8iGrf412epnki-k+G4mdkzC|lJqaRMbb0~Jjp-{}I
z5Do5afZi>ajBXL4nyyZM$SWVm!wnCj-B!Wjqj5-5dNXukI2$$|Bu3Lrw}z65Lc=1G
z^-#WuQOj$hwNGG?*CM_TO8Bg-1+qc>J7k5c51U8g?ZU5n?HYor;~JIjoWH-G>AoUP
ztrWWLbRNqIjW#RT*WqZgPJXU7C)VaW5}MiijYbABmzoru6EmQ*N8cVK7a3|aOB#O&
zBl8JY2WKfmj;h#Q!pN%9o@VNLv{OUL?rixHwOZuvX7{IJ{(EdPpuVFoQqIOa7gi<U
zTpbX&UCeYeNu>LVkBOKL@^smUA!tZ1CKRK}#SSM)iQHk)*R~?M!qkCruaS!#oIL1c
z<cK@1=jX>?J<BS8bpdt^R+}%A_DEhF^%o}8e!!lc`Y!qU>;U~&FfH#*98^G?i}pA{
z9Jg36t4=%6mhY(quYq*vSxptes9qy|7xSlH?G=S@>u>Ebe;|LVhs~@+06N<4CViBk
zUiY$thvX;>Tby6z9Y1e<Q<iIG*|o$r?OTFp`s)@_nHs4LeWbGvg7^}NK)>dAMQaiH
zm^r3v#$Q#2T=X>bsY#D%s!bhs^M9PMAcHbCc0FMHV{u-dwlL;a1eJ63v5U*?Q_8JO
zT#50!RD619#j_Uf))0ooADz~*9&lN!bBDRUgE>Vud-i5ck%vT=r^yD*^?Mp@Q^v+V
zG#-?gKlr}Eeqifb{|So?HM&g91<J5P5=Ly{?(NNY{6`O~L5r@sJe3rNZn06%SLk);
z9?hvE^Hr{!*G$<_doyzGn#*z*#}?)8dH=eYTgvc)T~}Jw!kCv68<+KL5{5?EXtDAZ
zWeNqp8%KIuBi&icn5s815Vho<+99VW1~m@L8l0=$c`t-L{q))~<!p*~vCdUcBcPz`
zyUi}!-k_`G{>P8|av8hQoCmQXkd?7wIJw<dY^{|7OQJUHKB~nksN_|Xy;DL?xjxU^
zbMa`WdfTBnr<wTd$mY&SgJ4U|X``k`#`gN@M+0x2W{YgC3kbLk<uYFJWglkx_)2#b
ztRiuA!EK9o)f`I2k)l;Of%E`ff91WlZh8yfRi6#N-mC`Ma(yr~U82SyAhc9B+ur!f
zP-3igg*KeYs9mGOAw@OaXYy9DnGjn0<m`JH&Q^h}^!h+uS9Ct*o-oEy(?iT6Yco>b
z_^v8bbg`<ZOL)a;i=IdfK0Zvw4nXsoC?eTOMpY)_ptiORm%J(1CD3dE0Z%Vy<2iHp
zcp>SAn{I*4bH$u(RZ6*x<DqKJ+5;a6Jq~=Y8V&c?Vsyq88!2nD?H?Eww58Mqt$7R8
z5BMjmKx>UhuA~hc=8czK8SHEKTzSxgbwi~9(OqJB&gwb^l4+m`k*Q;_?>Y-APi1{k
zAHQ)P)G)f|AyjSgcCFps)Fh6Bca*Xznq3<?y%xNvu0N78_R?~<RDFQx0ynlRG(E|j
zvEGN3bF<E_9p-I!UwQXFqcSGV#e^98tgFqLp+z9eP}y!jNA{)r*a+%M-_20xg?94<
zzmM{}syi0cd&P)zywMdS&Y_9k5JDtOM!L)b^2WP!+fHYGv>6!pV6Az&m{O8$wGFD?
zY&O*3*J0;_EqM#jh6^gMQKpXV?#1?>$ml1xvh8nSN>-?H=V;nJIwB07YX$e6vLxH(
zqYwQ>qxwR(i4f)DLd)-$P>T-no_c!LsN@)8`e;W@)-Hj0>nJ-}Kla4-ZdPJzI&Mce
zv)V_j;(3ERN3_@I$N<^|4Lf`B;8n+bX@bHbcZTopEmDI*Jfl)-pFDvo6svPRoo@(x
z);_{lY<;);XzT`dBFpRmGrr}z5u1=p<K1~3>C^<jVp}L(pzgMB_Vs-O?{Z?y$8M;)
zi@7zwpzV9#m72%En~(9@E)GWV^(~J*@^*K*TE0mynAnGJ5YSLCEnC42H-`tr4L=oW
zI}N{xQ$HT8Q6CVHf%RY&xw7!Zj(0xmg(K#UQ4u!ej95z7V4phlcTJ2&AR}$)zV-s!
zO7bqY6(=?1t+JCOW_z%HRE>S-{ce6iXQlLGcItwJ^mZx{m$&DA_oEZ)B{_bYPq-HA
zcH8WGoBG(aBU_j)vEy+_71T34@4dmSg!|M8Vf92Zj6WH7Q7t#OHQqWgFE3ARt+%!T
z?oLovLVlnf?2c7pTc)~cc^($_8nyKwsN`RA-23ed3sdj(ys%pjjM+9JrctL;dy8a(
z@en&CQmnV(()bu|Y%G1-4a(6x{aLytn$T-;(&{QIJB9vMox11U-1HpD@d(QkaJdEb
zG{)+6Dos_L+O3NpWo^=gR?evp|CqEG?L&Ut#D*KLaRFOgOEK(Kq1@!EGcTfo+%A&I
z=dLbB+d$u{sh?u)xP{PF8L%;YPPW53+@{>5W=Jt#wQpN;0_HYdw1{ksf_XhO4#2F=
zyPx6Lx2<92L-;L5PD`zn6zwIH`Jk(<gsVPionpJ-imI56$j4P0!br@ny3=!{x2TY^
zCD=)8_PgmN)E!^nczcDGc9Wm7oo5O3@fh=k=kh8J?_3KqEp7JHdv8z_iZ5#KmbiPt
z2Bt8Ro^p$7pS!xL3mtj<iN3f}#r6_&$Es0PnJTE?c;0#$%cGdu`T%~`gW;c^VD-S=
zrAatMf^%Lzr*wQ4kHSOb?WOUuEsJQ3xr{Imf1t{~iNmRwb_SP9!?FFN=b-E){!8P2
ztWCT~262O8`%?3<W4Wg+ovWY<re)?^kZ|Yi>$?Qw({erA$^bC;q33hv!d!>%wRhj#
zal^hk+WGNg;rJtb-EB(?czvOM=H7dl=vblBwAv>}%1@{}mnpUznfq1cE^sgsL0*4I
zJ##!*B?=vI_OEVis5o+_IwMIRrpQyT_Sq~ZU%oY7c5JMIADzpD!Upz9h@iWg_>>~j
zOLS;wp^i$-E?4<_cp?RiS%Rd?i;f*mOz=~(&3lo<=@(nR!_Rqiprh@weZlL!t#NCc
zO!QTcInq|%#>OVgobj{~ixEUec`E25zJ~*DofsQdzIa@5^nOXj2T;8O`l--(QyU<o
zeu8G~Z>^$t?TGY^7#&FQ+2SS3B#qK*k3`ye?8jUYSajE5iBbJls75CCc(m3dk{t?-
zopcER9{Z?TC)mk~gpi^kbbu>b-+a{m#8-y2^p$ka4n60w;Sc2}HMf<8JUvh<G@KZw
z+<GL!lpeahq2+nO{>CL0B&Btk)T`ctE$*qNW8L$`7!r^9T+>=<=2qaq-;ll2{`{Rg
zc5a0ZUI$oG&j-qVOuKa=*v4aY#IsoM+1|c4Z)<}lEDvy;5huB@1RJPquU2U*U-;gu
z=En2m+qjBzR#DEJDO`WU)hdd{Vj%^0V*KoyZ|5lzV87&g_j~NCjwv0uQVqXOb*QrQ
zy|Qn`hxx(58c<SELWpDAg~83oY-J_WoDiI6d7>70$E;L(X0uZZ72M1!6oeg)(cdKO
ze0gDaTz+ohR-#d)NbAH4x{I(21yjwvBQfmpLu$)|m{XolbgF!pmsqJ#D}(ylp6uC>
z{bqtcI#hT#HW=wl7>p!38sKsJ`r8}lt-q%Keqy%u(xk=yiIJiUw6|5IvkS+#?JTBl
z8H5(Q?l#wzazujH!8o>1xtn8#_w+397*<wp?Ryt$UFh41$qd}LyNJ7Oao(Aw2g|wy
zH_nZ+R#~EUME^#j4$@^5&>_cy8!pQGP%K(Ga3pAjsaTbbXJlQF_+m+-UpUUent@xM
zg%jqLUExj~o^vQ3Gl*>wh=_gOr2*|U64_iXb+-111a<qXXnUI&{l`dM&{4Gw)jZn;
zlj{VxW@#OcVE1Y%J*u^Z@H+XSqL6SwA|^jv2RU_+d;O!mk)dw7-m9B4{6*G1zRdR6
zQ}6v&Xt7R2h3Xp}EQk4nF2TULG{Ri=D|JC<a+K7dldN1}CY_f!vK#u}K3`g#TpO&W
z;!;64`0$d9raD!VbYP`kuFUasaMh!;&81y}LHS(SuGRxwEn4LZb4DS1j9iAq$MXd@
z(Ebka7_Gc(ljGaJqtI-OzmA@c@sYB$)Vg!RP4~``vaVyRq$rJXRjIPwtepN;(B%wy
zmU>H}$TjeajM+I20xw(((>fej-@CIz4S1pi$(#}P7`4({6QS2CaQS4NPENDp>sAqD
z$bH4KGzXGffkJ7R>V>)>tC)uax{UsN*dbeNC*v}#8Y#OWYwL4t$ePR?VTyIs!wea+
z5Urmc)X|^`MG~*dS6pGSbU+gPJoq*^a=_>$n4|P^w$sMBBy@f*Z^Jg6?n5?oId6f{
z$LW4M|4m502z0t7g<#Bx%X;9<=)smFolV&(V^(7Cv2-sxbxopQ!)*#ZRhTBpx1)Fc
zNm1T%bONzv6@#|dz(w02AH8OXe>kQ#1FMCzO}2J_mST)+ExmBr9cva-@?;wnmWMOk
z{3_~EX_xadgJGv&H@zK_8{(x84`}+c?oSBX*Ge3VdfTt&F}yCpFP?CpW+BE^cWY0^
zb&uBN!Ja3UzYHK-CTyA5=L<c0d<h!DNBIa<xax8W3(Ru8L0cVXQ18|Y^|*S%)R96z
zBT$(=zQ}2vmt6LzN~Oyf_Y92%P@QOx{7~}5!UIqCdfu?VwC0Nb!2@iiit8-5zUWFG
z*G&+GLIU#J;}hvowNJWnglvb^<2q~lS#?ixVtYT@(O3{TC|4kFJYLB*jni-4YZi0>
zEMW{l3Usky#ly=7px648W31UNV@K)&Ub&zP1c7%)`{);I4b0Q<)B}3;NMG2JH=X$U
zfIW4)4n9ZM`-yRj67I)YSLDK)qfUJ_ij}a#aZN~9EXrh8eZY2&=uY%2N0UFF7<~%M
zsB8=erOWZ>Ct_#^tHZ|*q`H;A)5;ycw*I<Cd*bZlOJ9YmRUK2<qXkpRR3nr6r~%Jz
z*(8tA&DYO)etdgVmoonqD{*<5Fog4ClIs-~_uhjuZOI}#Wy+ce${%#oyHloXelqfz
z8)?D3Y_>cmVxi8_0Xk}aJA^ath+E;xg!x+As(M#0=)3!NJR6H&9+zd#iP(m0PIW8$
z1Y^VX`>jm`W!=WpF*{ioM?C9`yOR>@0q=u7o>BP-eSHqCgMDj!2anwH?s%i2p+Q7D
zzszIf5XJpE)IG4;d_(La-xenmF(tgAxK`Y4sQ}BSJEPs6N_U2vI{8=0C_F?@7<(G;
zo$~G=8p+076G;`}>{MQ>t>7cm=zGtfbdDXm6||jUU|?X?CaE?(<6bKDYKeHlz}DA8
zXT={X=yp_R;HfJ9h%?eWvQ!dRgz&Su*JfNt!Wu>|XfU<MM~gB&J0gc}IH}?|B4WRK
zWPL0FhctFGdMucOFdhrVunIe5)4K^H9IjB#eA)p5w?c#v7kp8jx^~bxxJB{;hPFL9
zkR9Dbpj+T5ZMgHQg|oj*DS;x&jK}1rn&}Shp9sgOI*7puQD-w?3H*cg72;5H(_zW*
zApJBIM-p2~F;qWDj!n|Kd=5|T8OPkQ_G;ujgvKybr5@~eci2{8WAz+%NUSp-&eoG!
zOGLNLJewWl&1*NT467W3god~fYgX?!f0?NCFnjD$qE-fyQ)|Q_DLc*{olmXSVl$g_
z$vj}o?RatMy(o*j8?q1Mgw{OUOgVR6_qvS<Co*&!cR`ROi|*I`ajyG5s@L8agnX2J
zF=DLkMG`z{RP&996y0yAtvJcb<cba?TV#j4VYFPC>&68iRikRrHRW|ZxzRR^`eIGt
zIeiDgVS>IeExKVRWW8-=<xUfo0v~z=RA=cFWKXgcMECd}xHp7iqkBanH}TZ0h0rA=
zqxUZ>A=<k-RjTtwbJkkep{8z*173wY^e%-U0{Ue!n@wbg^2q)Vx5c(_RfvuR4}XXn
z+JE>yA`}`)ZkWBrZD`hpWIxBGkh&f#ijr449~m`j6{4jiJ*C!oVA8ZC?$1RM#K(_b
zL9TW)kN*Y4%^-qPpMP7d4)o?Nk#>aoYHT(*g)qmRUb?**F@pnNiy6Fv9rEiUqD(^O
zzyS?nBrX63BTRYduaG(0VVG2yJRe%o&rVrLjbxTaAFTd8s;<<@Qs>u(<193R8>}2_
zuwp{7;H2a*X7_jryzriZXMg?bTuegABb^87@SsKkr2)0Gyiax8KQWstw^v<oS3Xw7
zu51m`3~hoyxErcHymdFTZd#AO59{EkuFTcpAR33(3xc{zRnn1~1Ei(i*^HdCvM~;;
za&}Uip|u>#ix45EVrcEhr>!NMhprl<CqZuKa#zuI&@zymVzIicetS0bq#u?m(r_@S
zJ79bl%4EyHCQ3fK@en+A1@)e}HWLP|gr_zuoA{}Z<(-*53Zu@k+=^%~5F(z$EFLI;
z-TQTS8$W|GRbZq93Ha1?lu+`O;rn>$InQMzjSFH54x5k9qHc`@9uKQzvL4ihcq{^B
zPrVR=o_ic%Y>6&rMN)hTZsI7I<3&`#(nl+3y3ys9A~<Ao%ZuW})CJ)6^(aRV(gGxR
z89#(FDW;GZEAf;rI$+PU)rEV|rASrwP0_mr^Ldv)IuUf1M>&^=4?PL&nd8)`OfG#n
zwAMN$1&>K++c{^|7<<q5KGu)u(OEfEJJw2aEi(;x-i=Y=j3ram9H2n-Fuqv0dVlXJ
z&WgG5X({!vJFDrEbm+CWDca^zIe2@s1@a;;Y3!U9Q)&P0UXFmCP51_!wvTfAIyR^M
z7^R*O@yz1b-s4VC>4P=2y(B{jJsQ0a#U;HTo4ZmWZYvI{+s;Td{Yzem%0*k#)vjpB
zia;J&>}ICate44SFYY3vEelqStQWFihx%^vQ@Do(sOy7yR2@WNv7Y9I^yL=nZr3mb
zXKV5t@=?-Sk|b{XMhA7ZGB@2hqsx}4xwCW!in#C<kr{U&JG{9FhoZ<aTve_lLz39>
zI@}sc<h3gsW}hp-`WUywKA>Zlr3-NFJ@NFaJlhyfcw{k^vvtGl`N9xSo**rDW4S}i
zM9{fMPWo%4wYDG~BZ18BD+}h|GQKc-g^{++3MY>}W_uq7jGHx{mwE9fZiPCoxN$+7
zrODGGJrOkcPQUB(FD5aoS4g~7#6NR^ma7-!>mHuJfY5kTe6PpNNKC9GGRiu^L31uG
z$7v`*JknQHsYB!Tm_W{a32TM099djW%5e+j0Ve_ct}IM>XLF1Ap+YvcrLV=|CKo6S
zb+<Td{{5RWR}u2f(q<b(D$9JsF0OOzJ*+z0P5kc1t}CXlYgua%x*2lSgp|*WS3H-#
zdYr7?GQOL18zUS<2|;+vi4|4sQBM2Gs&WVS!D`q5Lz;XR@5rEfa{uG-!q?R8Ncz%(
z5K6~LQ@d2wp#)5q4u<ENlFbS)U4o1t9{-d>9Nl3_YdKP6%Cxy@6TxZ>;4&nTneadr
z_ES90ydCev)LV!dN=#(*f}|ZORFdvkYBni^aLbUk>BajeWIOcmHP#8S)*2U~QKI%S
zyrLmtPqb&TphJ;>yAxri#;{uyk`JJqODDw%(Z=2<VfJZemI(PFAD{6Sm|uE%BTbkl
zROsg*MOh20YgGs3H7?@pmQ>`1uc}br^V%>j!gS)D*q*f_-qf8&D;W1dJgQMlaH5er
zN2U<%Smb7==vE}dDI8K7cKz!vs^73o9f>2sgiTzWcwY|BMYHH5%Vn7#kiw&eItCqa
zIkR2~Q}>X=Ar8W|^Ms41Fm8o6IB2_j60eOeBB1Br!boW7JnoeX6Gs)?7rW0^5psc-
zjS16yb>dFn>KPOF;imD}e!enuIniFzv}n$m2#gCCv4jM#ArwlzZ$7@9&XkFxZ4n!V
zj3dyiwW4Ki2QG{@i>yuZXQizw_OkZI^-3otXC{!(lUpJF33gI60ak;Uqitp74|B6I
zgg{b=Iz}WkhCGj1M<xTd?60J5qsr1Cg7F~~U2N!(@lC<>=hu4#Aw173YxIVbISaoc
z-nLZC*6Tgivd5V`K%GxhBsp@SUU60-rfc$=wb>zdJzXS&-5(NRRodFk;Kxk!S(<ov
z$YXcI9;^grAyiJ4dWTv3b}K~Ww09(;mLY4+kj|$A?IMr}`7q?mIS1>O(a0e7oY=E(
zAyS;Ow?6Q&XA+cnkCb{28_1N8H#?J!*$MmIwLq^*T_9-z^&UE@A(z9oGYtFy6EZef
LrJugUA?W`A8`#=m

literal 0
HcmV?d00001

diff --git a/examples/e2e/experimental/src/app/globals.css b/examples/e2e/experimental/src/app/globals.css
new file mode 100644
index 00000000..e3734be1
--- /dev/null
+++ b/examples/e2e/experimental/src/app/globals.css
@@ -0,0 +1,42 @@
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+html,
+body {
+  max-width: 100vw;
+  overflow-x: hidden;
+}
+
+body {
+  color: var(--foreground);
+  background: var(--background);
+  font-family: Arial, Helvetica, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+@media (prefers-color-scheme: dark) {
+  html {
+    color-scheme: dark;
+  }
+}
diff --git a/examples/e2e/experimental/src/app/layout.tsx b/examples/e2e/experimental/src/app/layout.tsx
new file mode 100644
index 00000000..ec006ee8
--- /dev/null
+++ b/examples/e2e/experimental/src/app/layout.tsx
@@ -0,0 +1,31 @@
+import "./globals.css";
+import type { Metadata } from "next";
+
+import { Geist, Geist_Mono } from "next/font/google";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body className={[geistSans.variable, geistMono.variable].join(" ")}>{children}</body>
+    </html>
+  );
+}
diff --git a/examples/e2e/experimental/src/app/page.module.css b/examples/e2e/experimental/src/app/page.module.css
new file mode 100644
index 00000000..a11c8f31
--- /dev/null
+++ b/examples/e2e/experimental/src/app/page.module.css
@@ -0,0 +1,168 @@
+.page {
+  --gray-rgb: 0, 0, 0;
+  --gray-alpha-200: rgba(var(--gray-rgb), 0.08);
+  --gray-alpha-100: rgba(var(--gray-rgb), 0.05);
+
+  --button-primary-hover: #383838;
+  --button-secondary-hover: #f2f2f2;
+
+  display: grid;
+  grid-template-rows: 20px 1fr 20px;
+  align-items: center;
+  justify-items: center;
+  min-height: 100svh;
+  padding: 80px;
+  gap: 64px;
+  font-family: var(--font-geist-sans);
+}
+
+@media (prefers-color-scheme: dark) {
+  .page {
+    --gray-rgb: 255, 255, 255;
+    --gray-alpha-200: rgba(var(--gray-rgb), 0.145);
+    --gray-alpha-100: rgba(var(--gray-rgb), 0.06);
+
+    --button-primary-hover: #ccc;
+    --button-secondary-hover: #1a1a1a;
+  }
+}
+
+.main {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  grid-row-start: 2;
+}
+
+.main ol {
+  font-family: var(--font-geist-mono);
+  padding-left: 0;
+  margin: 0;
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: -0.01em;
+  list-style-position: inside;
+}
+
+.main li:not(:last-of-type) {
+  margin-bottom: 8px;
+}
+
+.main code {
+  font-family: inherit;
+  background: var(--gray-alpha-100);
+  padding: 2px 4px;
+  border-radius: 4px;
+  font-weight: 600;
+}
+
+.ctas {
+  display: flex;
+  gap: 16px;
+}
+
+.ctas a {
+  appearance: none;
+  border-radius: 128px;
+  height: 48px;
+  padding: 0 20px;
+  border: none;
+  border: 1px solid transparent;
+  transition:
+    background 0.2s,
+    color 0.2s,
+    border-color 0.2s;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 500;
+}
+
+a.primary {
+  background: var(--foreground);
+  color: var(--background);
+  gap: 8px;
+}
+
+a.secondary {
+  border-color: var(--gray-alpha-200);
+  min-width: 158px;
+}
+
+.footer {
+  grid-row-start: 3;
+  display: flex;
+  gap: 24px;
+}
+
+.footer a {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.footer img {
+  flex-shrink: 0;
+}
+
+/* Enable hover only on non-touch devices */
+@media (hover: hover) and (pointer: fine) {
+  a.primary:hover {
+    background: var(--button-primary-hover);
+    border-color: transparent;
+  }
+
+  a.secondary:hover {
+    background: var(--button-secondary-hover);
+    border-color: transparent;
+  }
+
+  .footer a:hover {
+    text-decoration: underline;
+    text-underline-offset: 4px;
+  }
+}
+
+@media (max-width: 600px) {
+  .page {
+    padding: 32px;
+    padding-bottom: 80px;
+  }
+
+  .main {
+    align-items: center;
+  }
+
+  .main ol {
+    text-align: center;
+  }
+
+  .ctas {
+    flex-direction: column;
+  }
+
+  .ctas a {
+    font-size: 14px;
+    height: 40px;
+    padding: 0 16px;
+  }
+
+  a.secondary {
+    min-width: auto;
+  }
+
+  .footer {
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .logo {
+    filter: invert();
+  }
+}
diff --git a/examples/e2e/experimental/src/app/page.tsx b/examples/e2e/experimental/src/app/page.tsx
new file mode 100644
index 00000000..f14e5dad
--- /dev/null
+++ b/examples/e2e/experimental/src/app/page.tsx
@@ -0,0 +1,14 @@
+import Link from "next/link";
+import styles from "./page.module.css";
+
+export default function Home() {
+  return (
+    <div className={styles.page}>
+      <main className={styles.main}>
+        <Link href="/ppr">
+          <h1 className={styles.title}>Incremental PPR</h1>
+        </Link>
+      </main>
+    </div>
+  );
+}
diff --git a/examples/e2e/experimental/src/app/ppr/page.tsx b/examples/e2e/experimental/src/app/ppr/page.tsx
new file mode 100644
index 00000000..11d017a7
--- /dev/null
+++ b/examples/e2e/experimental/src/app/ppr/page.tsx
@@ -0,0 +1,16 @@
+import { DynamicComponent } from "@/components/dynamic";
+import { StaticComponent } from "@/components/static";
+import { Suspense } from "react";
+
+export const experimental_ppr = true;
+
+export default function PPRPage() {
+  return (
+    <div>
+      <StaticComponent />
+      <Suspense fallback={<div>Loading...</div>}>
+        <DynamicComponent />
+      </Suspense>
+    </div>
+  );
+}
diff --git a/examples/e2e/experimental/src/app/use-cache/isr/page.tsx b/examples/e2e/experimental/src/app/use-cache/isr/page.tsx
new file mode 100644
index 00000000..dd02f8a6
--- /dev/null
+++ b/examples/e2e/experimental/src/app/use-cache/isr/page.tsx
@@ -0,0 +1,17 @@
+import { FullyCachedComponent, ISRComponent } from "@/components/cached";
+import { Suspense } from "react";
+
+export default async function Page() {
+  // Not working for now, need a patch in next to disable full revalidation during ISR revalidation
+  return (
+    <div>
+      <h1>Cache</h1>
+      <Suspense fallback={<p>Loading...</p>}>
+        <FullyCachedComponent />
+      </Suspense>
+      <Suspense fallback={<p>Loading...</p>}>
+        <ISRComponent />
+      </Suspense>
+    </div>
+  );
+}
diff --git a/examples/e2e/experimental/src/app/use-cache/layout.tsx b/examples/e2e/experimental/src/app/use-cache/layout.tsx
new file mode 100644
index 00000000..f70e754f
--- /dev/null
+++ b/examples/e2e/experimental/src/app/use-cache/layout.tsx
@@ -0,0 +1,9 @@
+import { Suspense, ReactNode } from "react";
+
+export default function Layout({ children }: { children: ReactNode }) {
+  return (
+    <div>
+      <Suspense fallback={<p>Loading...</p>}>{children}</Suspense>
+    </div>
+  );
+}
diff --git a/examples/e2e/experimental/src/app/use-cache/ssr/page.tsx b/examples/e2e/experimental/src/app/use-cache/ssr/page.tsx
new file mode 100644
index 00000000..41a413d1
--- /dev/null
+++ b/examples/e2e/experimental/src/app/use-cache/ssr/page.tsx
@@ -0,0 +1,20 @@
+import { FullyCachedComponent, ISRComponent } from "@/components/cached";
+import { headers } from "next/headers";
+import { Suspense } from "react";
+
+export default async function Page() {
+  // To opt into SSR
+  const _headers = await headers();
+  return (
+    <div>
+      <h1>Cache</h1>
+      <p>{_headers.get("accept") ?? "No accept headers"}</p>
+      <Suspense fallback={<p>Loading...</p>}>
+        <FullyCachedComponent />
+      </Suspense>
+      <Suspense fallback={<p>Loading...</p>}>
+        <ISRComponent />
+      </Suspense>
+    </div>
+  );
+}
diff --git a/examples/e2e/experimental/src/components/cached.tsx b/examples/e2e/experimental/src/components/cached.tsx
new file mode 100644
index 00000000..7abaa010
--- /dev/null
+++ b/examples/e2e/experimental/src/components/cached.tsx
@@ -0,0 +1,24 @@
+import { unstable_cacheLife, unstable_cacheTag } from "next/cache";
+
+export async function FullyCachedComponent() {
+  "use cache";
+  unstable_cacheTag("fullyTagged");
+  return (
+    <div>
+      <p data-testid="fullyCached">{Date.now()}</p>
+    </div>
+  );
+}
+
+export async function ISRComponent() {
+  "use cache";
+  unstable_cacheLife({
+    stale: 1,
+    revalidate: 5,
+  });
+  return (
+    <div>
+      <p data-testid="isr">{Date.now()}</p>
+    </div>
+  );
+}
diff --git a/examples/e2e/experimental/src/components/dynamic.tsx b/examples/e2e/experimental/src/components/dynamic.tsx
new file mode 100644
index 00000000..bca758e4
--- /dev/null
+++ b/examples/e2e/experimental/src/components/dynamic.tsx
@@ -0,0 +1,15 @@
+import { setTimeout } from "node:timers/promises";
+import { headers } from "next/headers";
+
+export async function DynamicComponent() {
+  const _headers = await headers();
+  // Simulate a delay to mimic server-side calls
+  await setTimeout(1000, new Date().toString());
+  return (
+    <div>
+      <h1>Dynamic Component</h1>
+      <p>This component should be SSR</p>
+      <p>{_headers.get("referer")}</p>
+    </div>
+  );
+}
diff --git a/examples/e2e/experimental/src/components/static.tsx b/examples/e2e/experimental/src/components/static.tsx
new file mode 100644
index 00000000..8af73f9f
--- /dev/null
+++ b/examples/e2e/experimental/src/components/static.tsx
@@ -0,0 +1,8 @@
+export function StaticComponent() {
+  return (
+    <div>
+      <h1>Static Component</h1>
+      <p>This is a static component that does not change.</p>
+    </div>
+  );
+}
diff --git a/examples/e2e/experimental/src/middleware.ts b/examples/e2e/experimental/src/middleware.ts
new file mode 100644
index 00000000..8776efa8
--- /dev/null
+++ b/examples/e2e/experimental/src/middleware.ts
@@ -0,0 +1,27 @@
+// import crypto from "node:crypto";
+import { type NextRequest, NextResponse } from "next/server";
+
+export default function middleware(request: NextRequest) {
+  if (request.nextUrl.pathname === "/api/hello") {
+    return NextResponse.json({
+      name: "World",
+    });
+  }
+  if (request.nextUrl.pathname === "/redirect") {
+    return NextResponse.redirect(new URL("/", request.url));
+  }
+  if (request.nextUrl.pathname === "/rewrite") {
+    return NextResponse.rewrite(new URL("/", request.url));
+  }
+
+  return NextResponse.next({
+    headers: {
+      "x-middleware-test": "1",
+      // "x-random-node": crypto.randomUUID(),
+    },
+  });
+}
+
+// export const config = {
+//   runtime: "nodejs",
+// };
diff --git a/examples/e2e/experimental/tsconfig.json b/examples/e2e/experimental/tsconfig.json
new file mode 100644
index 00000000..c1334095
--- /dev/null
+++ b/examples/e2e/experimental/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/examples/e2e/experimental/wrangler.jsonc b/examples/e2e/experimental/wrangler.jsonc
new file mode 100644
index 00000000..9b0043a4
--- /dev/null
+++ b/examples/e2e/experimental/wrangler.jsonc
@@ -0,0 +1,44 @@
+{
+  "$schema": "node_modules/wrangler/config-schema.json",
+  "main": ".open-next/worker.js",
+  "name": "experimental",
+  "compatibility_date": "2024-12-30",
+  "compatibility_flags": ["nodejs_compat", "global_fetch_strictly_public"],
+  "assets": {
+    "directory": ".open-next/assets",
+    "binding": "ASSETS"
+  },
+  "vars": {
+    "NEXT_PRIVATE_DEBUG_CACHE": true
+  },
+  "durable_objects": {
+    "bindings": [
+      {
+        "name": "NEXT_CACHE_DO_QUEUE",
+        "class_name": "DOQueueHandler"
+      },
+      {
+        "name": "NEXT_TAG_CACHE_DO_SHARDED",
+        "class_name": "DOShardedTagCache"
+      }
+    ]
+  },
+  "migrations": [
+    {
+      "tag": "v1",
+      "new_sqlite_classes": ["DOQueueHandler", "DOShardedTagCache"]
+    }
+  ],
+  "r2_buckets": [
+    {
+      "binding": "NEXT_INC_CACHE_R2_BUCKET",
+      "bucket_name": "<BUCKET_NAME>"
+    }
+  ],
+  "services": [
+    {
+      "binding": "WORKER_SELF_REFERENCE",
+      "service": "experimental"
+    }
+  ]
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 76f1a5f5..555d9ba8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -89,11 +89,11 @@ catalogs:
       specifier: 20.17.6
       version: 20.17.6
     '@types/react':
-      specifier: 19.0.8
-      version: 19.0.8
+      specifier: 19.0.0
+      version: 19.0.0
     '@types/react-dom':
-      specifier: 19.0.3
-      version: 19.0.3
+      specifier: 19.0.0
+      version: 19.0.0
     autoprefixer:
       specifier: 10.4.15
       version: 10.4.15
@@ -104,10 +104,10 @@ catalogs:
       specifier: 8.4.27
       version: 8.4.27
     react:
-      specifier: ^19.0.0
+      specifier: 19.0.0
       version: 19.0.0
     react-dom:
-      specifier: ^19.0.0
+      specifier: 19.0.0
       version: 19.0.0
     tailwindcss:
       specifier: 3.3.3
@@ -448,10 +448,10 @@ importers:
         version: 20.17.6
       '@types/react':
         specifier: catalog:e2e
-        version: 19.0.8
+        version: 19.0.0
       '@types/react-dom':
         specifier: catalog:e2e
-        version: 19.0.3(@types/react@19.0.8)
+        version: 19.0.0
       autoprefixer:
         specifier: catalog:e2e
         version: 10.4.15(postcss@8.4.27)
@@ -494,10 +494,10 @@ importers:
         version: 20.17.6
       '@types/react':
         specifier: catalog:e2e
-        version: 19.0.8
+        version: 19.0.0
       '@types/react-dom':
         specifier: catalog:e2e
-        version: 19.0.3(@types/react@19.0.8)
+        version: 19.0.0
       autoprefixer:
         specifier: catalog:e2e
         version: 10.4.15(postcss@8.4.27)
@@ -514,6 +514,40 @@ importers:
         specifier: 'catalog:'
         version: 4.7.0(@cloudflare/workers-types@4.20250321.0)
 
+  examples/e2e/experimental:
+    dependencies:
+      '@opennextjs/cloudflare':
+        specifier: workspace:*
+        version: link:../../../packages/cloudflare
+      next:
+        specifier: 15.4.0-canary.14
+        version: 15.4.0-canary.14(@opentelemetry/api@1.9.0)(@playwright/test@1.51.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react:
+        specifier: catalog:e2e
+        version: 19.0.0
+      react-dom:
+        specifier: catalog:e2e
+        version: 19.0.0(react@19.0.0)
+    devDependencies:
+      '@playwright/test':
+        specifier: 'catalog:'
+        version: 1.51.1
+      '@types/node':
+        specifier: catalog:e2e
+        version: 20.17.6
+      '@types/react':
+        specifier: catalog:e2e
+        version: 19.0.0
+      '@types/react-dom':
+        specifier: catalog:e2e
+        version: 19.0.0
+      typescript:
+        specifier: catalog:default
+        version: 5.7.3
+      wrangler:
+        specifier: 'catalog:'
+        version: 4.7.0(@cloudflare/workers-types@4.20250321.0)
+
   examples/e2e/pages-router:
     dependencies:
       '@example/shared':
@@ -540,10 +574,10 @@ importers:
         version: 20.17.6
       '@types/react':
         specifier: catalog:e2e
-        version: 19.0.8
+        version: 19.0.0
       '@types/react-dom':
         specifier: catalog:e2e
-        version: 19.0.3(@types/react@19.0.8)
+        version: 19.0.0
       autoprefixer:
         specifier: catalog:e2e
         version: 10.4.15(postcss@8.4.27)
@@ -574,10 +608,10 @@ importers:
     devDependencies:
       '@types/react':
         specifier: catalog:e2e
-        version: 19.0.8
+        version: 19.0.0
       '@types/react-dom':
         specifier: catalog:e2e
-        version: 19.0.3(@types/react@19.0.8)
+        version: 19.0.0
 
   examples/middleware:
     dependencies:
@@ -703,10 +737,10 @@ importers:
         version: 22.2.0
       '@types/react':
         specifier: catalog:e2e
-        version: 19.0.8
+        version: 19.0.0
       '@types/react-dom':
         specifier: catalog:e2e
-        version: 19.0.3(@types/react@19.0.8)
+        version: 19.0.0
       typescript:
         specifier: 'catalog:'
         version: 5.7.3
@@ -737,10 +771,10 @@ importers:
         version: 22.2.0
       '@types/react':
         specifier: catalog:e2e
-        version: 19.0.8
+        version: 19.0.0
       '@types/react-dom':
         specifier: catalog:e2e
-        version: 19.0.3(@types/react@19.0.8)
+        version: 19.0.0
       typescript:
         specifier: 'catalog:'
         version: 5.7.3
@@ -771,10 +805,10 @@ importers:
         version: 22.2.0
       '@types/react':
         specifier: catalog:e2e
-        version: 19.0.8
+        version: 19.0.0
       '@types/react-dom':
         specifier: catalog:e2e
-        version: 19.0.3(@types/react@19.0.8)
+        version: 19.0.0
       typescript:
         specifier: 'catalog:'
         version: 5.7.3
@@ -805,10 +839,10 @@ importers:
         version: 22.2.0
       '@types/react':
         specifier: catalog:e2e
-        version: 19.0.8
+        version: 19.0.0
       '@types/react-dom':
         specifier: catalog:e2e
-        version: 19.0.3(@types/react@19.0.8)
+        version: 19.0.0
       typescript:
         specifier: 'catalog:'
         version: 5.7.3
@@ -3250,6 +3284,9 @@ packages:
   '@next/env@15.3.0':
     resolution: {integrity: sha512-6mDmHX24nWlHOlbwUiAOmMyY7KELimmi+ed8qWcJYjqXeC+G6JzPZ3QosOAfjNwgMIzwhXBiRiCgdh8axTTdTA==}
 
+  '@next/env@15.4.0-canary.14':
+    resolution: {integrity: sha512-ynXM3n0AEcB1mwoOLgar27s/WoFyX0C8kpbfpc6bylq2rfS+q+KNla1WAVX3QdHyV82KyrqdMQAFOIyTZg4K9A==}
+
   '@next/eslint-plugin-next@14.2.14':
     resolution: {integrity: sha512-kV+OsZ56xhj0rnTn6HegyTGkoa16Mxjrpk7pjWumyB2P8JVQb8S9qtkjy/ye0GnTr4JWtWG4x/2qN40lKZ3iVQ==}
 
@@ -3304,6 +3341,12 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@next/swc-darwin-arm64@15.4.0-canary.14':
+    resolution: {integrity: sha512-p62YaNcigaJlZ6IIubZPT+S4N0CXXkjqdIbC2Otr6LLxWsvdkHRgWaPLHauCxWw0zS7jczKY1w4ZfyX9l26sIQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@next/swc-darwin-x64@14.2.24':
     resolution: {integrity: sha512-lXR2WQqUtu69l5JMdTwSvQUkdqAhEWOqJEYUQ21QczQsAlNOW2kWZCucA6b3EXmPbcvmHB1kSZDua/713d52xg==}
     engines: {node: '>= 10'}
@@ -3346,6 +3389,12 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  '@next/swc-darwin-x64@15.4.0-canary.14':
+    resolution: {integrity: sha512-PQ4z01gYCeYzP4NpFKBvg0slDu/CZ+vrpin6+O5XfzGOOdBCUqlJWK78ZTlfs8eTjVWnvVEi2FsTnbW5BZ0yiA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
   '@next/swc-linux-arm64-gnu@14.2.24':
     resolution: {integrity: sha512-nxvJgWOpSNmzidYvvGDfXwxkijb6hL9+cjZx1PVG6urr2h2jUqBALkKjT7kpfurRWicK6hFOvarmaWsINT1hnA==}
     engines: {node: '>= 10'}
@@ -3388,6 +3437,12 @@ packages:
     cpu: [arm64]
     os: [linux]
 
+  '@next/swc-linux-arm64-gnu@15.4.0-canary.14':
+    resolution: {integrity: sha512-u/eeGK9okYiJ24aLcrq2jOCyOnjhzOM/MkcOOMkzE4/Rp7EKIepnGUhnIcLeLmcQw4RCDAjh3QZBqt5rQEm4fA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
   '@next/swc-linux-arm64-musl@14.2.24':
     resolution: {integrity: sha512-PaBgOPhqa4Abxa3y/P92F3kklNPsiFjcjldQGT7kFmiY5nuFn8ClBEoX8GIpqU1ODP2y8P6hio6vTomx2Vy0UQ==}
     engines: {node: '>= 10'}
@@ -3430,6 +3485,12 @@ packages:
     cpu: [arm64]
     os: [linux]
 
+  '@next/swc-linux-arm64-musl@15.4.0-canary.14':
+    resolution: {integrity: sha512-6eODbSA592cYMYtBU9Vm2D8ApXn6dBh/cN7GQlsTiDBIlCId9Z8DlkGCDj/9thr0JEluUlkt379+B19BGxsCEg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
   '@next/swc-linux-x64-gnu@14.2.24':
     resolution: {integrity: sha512-vEbyadiRI7GOr94hd2AB15LFVgcJZQWu7Cdi9cWjCMeCiUsHWA0U5BkGPuoYRnTxTn0HacuMb9NeAmStfBCLoQ==}
     engines: {node: '>= 10'}
@@ -3472,6 +3533,12 @@ packages:
     cpu: [x64]
     os: [linux]
 
+  '@next/swc-linux-x64-gnu@15.4.0-canary.14':
+    resolution: {integrity: sha512-FwOtQDbMLJmGPCg8p1ZilCBjfjBZGBRwXnWmxLmpO4lcWTWMFTCfAxkqCUi62zXBZUJztqT8TgXQ9VBk4BKukQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
   '@next/swc-linux-x64-musl@14.2.24':
     resolution: {integrity: sha512-df0FC9ptaYsd8nQCINCzFtDWtko8PNRTAU0/+d7hy47E0oC17tI54U/0NdGk7l/76jz1J377dvRjmt6IUdkpzQ==}
     engines: {node: '>= 10'}
@@ -3514,6 +3581,12 @@ packages:
     cpu: [x64]
     os: [linux]
 
+  '@next/swc-linux-x64-musl@15.4.0-canary.14':
+    resolution: {integrity: sha512-0k8lkaryoYsB4wksRm/5SlWWtJjuq6vOzQ/zqKRlNdpNvsvzZ61sEaCLZn1zdcFcUVH6wSzK/GMclcpn2w0VAg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
   '@next/swc-win32-arm64-msvc@14.2.24':
     resolution: {integrity: sha512-ZEntbLjeYAJ286eAqbxpZHhDFYpYjArotQ+/TW9j7UROh0DUmX7wYDGtsTPpfCV8V+UoqHBPU7q9D4nDNH014Q==}
     engines: {node: '>= 10'}
@@ -3556,6 +3629,12 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@next/swc-win32-arm64-msvc@15.4.0-canary.14':
+    resolution: {integrity: sha512-Kih/2CNMpegubEJT8xoigF+hMihetcFEwWXINfPoO534GQax4o1HU56aai6YgFYCvcrb9fAmW2vVagCQx3GS2g==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
   '@next/swc-win32-ia32-msvc@14.2.24':
     resolution: {integrity: sha512-9KuS+XUXM3T6v7leeWU0erpJ6NsFIwiTFD5nzNg8J5uo/DMIPvCp3L1Ao5HjbHX0gkWPB1VrKoo/Il4F0cGK2Q==}
     engines: {node: '>= 10'}
@@ -3610,6 +3689,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@next/swc-win32-x64-msvc@15.4.0-canary.14':
+    resolution: {integrity: sha512-iOTIfyhrUDDIFH0BA0ZAek8XEK2Wgtbg1QOiqzTU7QPasn28lK/b2bHI+stFrGfz6u1NZw9V/B+/D+o9lzSWKQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
   '@noble/ciphers@1.1.3':
     resolution: {integrity: sha512-Ygv6WnWJHLLiW4fnNDC1z+i13bud+enXOFRBlpxI+NJliPWx5wdR+oWlTjLuBPTqjUjtHXtjkU6w3kuuH6upZA==}
     engines: {node: ^14.21.3 || >=16}
@@ -7527,6 +7612,27 @@ packages:
       sass:
         optional: true
 
+  next@15.4.0-canary.14:
+    resolution: {integrity: sha512-4/WNK9Uw/Js1QruZhZfUJWTLrXtL7cvVWLDi1PoCcGdVY91b/1U5jNDOt/Vebr/aJ6Xr5aF+PNHUTtcvBFPInw==}
+    engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+      '@playwright/test': ^1.41.2
+      babel-plugin-react-compiler: '*'
+      react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+      react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+      sass: ^1.3.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      '@playwright/test':
+        optional: true
+      babel-plugin-react-compiler:
+        optional: true
+      sass:
+        optional: true
+
   no-case@3.0.4:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
 
@@ -12210,7 +12316,7 @@ snapshots:
       https-proxy-agent: 7.0.6
       node-fetch: 2.7.0
       nopt: 8.1.0
-      semver: 7.6.3
+      semver: 7.7.1
       tar: 7.4.3
     transitivePeerDependencies:
       - encoding
@@ -12232,6 +12338,8 @@ snapshots:
 
   '@next/env@15.3.0': {}
 
+  '@next/env@15.4.0-canary.14': {}
+
   '@next/eslint-plugin-next@14.2.14':
     dependencies:
       glob: 10.3.10
@@ -12269,6 +12377,9 @@ snapshots:
   '@next/swc-darwin-arm64@15.3.0':
     optional: true
 
+  '@next/swc-darwin-arm64@15.4.0-canary.14':
+    optional: true
+
   '@next/swc-darwin-x64@14.2.24':
     optional: true
 
@@ -12290,6 +12401,9 @@ snapshots:
   '@next/swc-darwin-x64@15.3.0':
     optional: true
 
+  '@next/swc-darwin-x64@15.4.0-canary.14':
+    optional: true
+
   '@next/swc-linux-arm64-gnu@14.2.24':
     optional: true
 
@@ -12311,6 +12425,9 @@ snapshots:
   '@next/swc-linux-arm64-gnu@15.3.0':
     optional: true
 
+  '@next/swc-linux-arm64-gnu@15.4.0-canary.14':
+    optional: true
+
   '@next/swc-linux-arm64-musl@14.2.24':
     optional: true
 
@@ -12332,6 +12449,9 @@ snapshots:
   '@next/swc-linux-arm64-musl@15.3.0':
     optional: true
 
+  '@next/swc-linux-arm64-musl@15.4.0-canary.14':
+    optional: true
+
   '@next/swc-linux-x64-gnu@14.2.24':
     optional: true
 
@@ -12353,6 +12473,9 @@ snapshots:
   '@next/swc-linux-x64-gnu@15.3.0':
     optional: true
 
+  '@next/swc-linux-x64-gnu@15.4.0-canary.14':
+    optional: true
+
   '@next/swc-linux-x64-musl@14.2.24':
     optional: true
 
@@ -12374,6 +12497,9 @@ snapshots:
   '@next/swc-linux-x64-musl@15.3.0':
     optional: true
 
+  '@next/swc-linux-x64-musl@15.4.0-canary.14':
+    optional: true
+
   '@next/swc-win32-arm64-msvc@14.2.24':
     optional: true
 
@@ -12395,6 +12521,9 @@ snapshots:
   '@next/swc-win32-arm64-msvc@15.3.0':
     optional: true
 
+  '@next/swc-win32-arm64-msvc@15.4.0-canary.14':
+    optional: true
+
   '@next/swc-win32-ia32-msvc@14.2.24':
     optional: true
 
@@ -12422,6 +12551,9 @@ snapshots:
   '@next/swc-win32-x64-msvc@15.3.0':
     optional: true
 
+  '@next/swc-win32-x64-msvc@15.4.0-canary.14':
+    optional: true
+
   '@noble/ciphers@1.1.3': {}
 
   '@noble/curves@1.7.0':
@@ -17872,6 +18004,32 @@ snapshots:
       - '@babel/core'
       - babel-plugin-macros
 
+  next@15.4.0-canary.14(@opentelemetry/api@1.9.0)(@playwright/test@1.51.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      '@next/env': 15.4.0-canary.14
+      '@swc/counter': 0.1.3
+      '@swc/helpers': 0.5.15
+      caniuse-lite: 1.0.30001664
+      postcss: 8.4.31
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      styled-jsx: 5.1.6(react@19.0.0)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 15.4.0-canary.14
+      '@next/swc-darwin-x64': 15.4.0-canary.14
+      '@next/swc-linux-arm64-gnu': 15.4.0-canary.14
+      '@next/swc-linux-arm64-musl': 15.4.0-canary.14
+      '@next/swc-linux-x64-gnu': 15.4.0-canary.14
+      '@next/swc-linux-x64-musl': 15.4.0-canary.14
+      '@next/swc-win32-arm64-msvc': 15.4.0-canary.14
+      '@next/swc-win32-x64-msvc': 15.4.0-canary.14
+      '@opentelemetry/api': 1.9.0
+      '@playwright/test': 1.51.1
+      sharp: 0.34.1
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+
   no-case@3.0.4:
     dependencies:
       lower-case: 2.0.2
@@ -18730,8 +18888,7 @@ snapshots:
 
   semver@7.6.3: {}
 
-  semver@7.7.1:
-    optional: true
+  semver@7.7.1: {}
 
   send@1.2.0:
     dependencies:
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 20a09150..20e6c431 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -40,11 +40,11 @@ catalog:
 catalogs:
   e2e:
     "@types/node": 20.17.6
-    "@types/react-dom": 19.0.3
-    "@types/react": 19.0.8
+    "@types/react-dom": 19.0.0
+    "@types/react": 19.0.0
     autoprefixer: 10.4.15
     next: ~15.3.0
     postcss: 8.4.27
-    react-dom: ^19.0.0
-    react: ^19.0.0
+    react-dom: 19.0.0
+    react: 19.0.0
     tailwindcss: 3.3.3

From e36b1f2e9636ca48beb2f37289be43abee8fd01a Mon Sep 17 00:00:00 2001
From: Dorseuil Nicolas <nicodorseuil@yahoo.fr>
Date: Tue, 29 Apr 2025 17:44:31 +0200
Subject: [PATCH 2/4] ignore typescript errors for now

---
 examples/e2e/experimental/next.config.ts               | 4 ++++
 examples/e2e/experimental/src/app/use-cache/layout.tsx | 7 +++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/examples/e2e/experimental/next.config.ts b/examples/e2e/experimental/next.config.ts
index bb72ada6..2ff13739 100644
--- a/examples/e2e/experimental/next.config.ts
+++ b/examples/e2e/experimental/next.config.ts
@@ -7,6 +7,10 @@ const nextConfig: NextConfig = {
   eslint: {
     ignoreDuringBuilds: true,
   },
+  typescript: {
+    // Ignore type errors during build for now, we'll need to figure this out later
+    ignoreBuildErrors: true,
+  },
   experimental: {
     ppr: "incremental",
     // Node middleware is not supported yet in cloudflare
diff --git a/examples/e2e/experimental/src/app/use-cache/layout.tsx b/examples/e2e/experimental/src/app/use-cache/layout.tsx
index f70e754f..e632d65e 100644
--- a/examples/e2e/experimental/src/app/use-cache/layout.tsx
+++ b/examples/e2e/experimental/src/app/use-cache/layout.tsx
@@ -1,6 +1,9 @@
-import { Suspense, ReactNode } from "react";
+import { Suspense } from "react";
 
-export default function Layout({ children }: { children: ReactNode }) {
+export default function Layout({ children }:  Readonly<{
+  // For some reason using ReactNode here causes a type error
+  children: any;
+}>) {
   return (
     <div>
       <Suspense fallback={<p>Loading...</p>}>{children}</Suspense>

From c01437de0205a5cbc91a2b75f335cb47695ed3f6 Mon Sep 17 00:00:00 2001
From: Dorseuil Nicolas <nicodorseuil@yahoo.fr>
Date: Tue, 29 Apr 2025 18:41:58 +0200
Subject: [PATCH 3/4] lint fix

---
 examples/e2e/experimental/src/app/use-cache/layout.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/examples/e2e/experimental/src/app/use-cache/layout.tsx b/examples/e2e/experimental/src/app/use-cache/layout.tsx
index e632d65e..26b3ea7c 100644
--- a/examples/e2e/experimental/src/app/use-cache/layout.tsx
+++ b/examples/e2e/experimental/src/app/use-cache/layout.tsx
@@ -1,6 +1,8 @@
 import { Suspense } from "react";
 
-export default function Layout({ children }:  Readonly<{
+export default function Layout({
+  children,
+}: Readonly<{
   // For some reason using ReactNode here causes a type error
   children: any;
 }>) {

From b51a9f4d26c69b7a862cd53e3d892c1ef84baca9 Mon Sep 17 00:00:00 2001
From: Dorseuil Nicolas <nicodorseuil@yahoo.fr>
Date: Wed, 30 Apr 2025 10:24:17 +0200
Subject: [PATCH 4/4] review fix

---
 examples/e2e/experimental/e2e/nodeMiddleware.test.ts | 1 +
 examples/e2e/experimental/next.config.ts             | 1 +
 examples/e2e/experimental/src/middleware.ts          | 3 +++
 3 files changed, 5 insertions(+)

diff --git a/examples/e2e/experimental/e2e/nodeMiddleware.test.ts b/examples/e2e/experimental/e2e/nodeMiddleware.test.ts
index 0a3fc324..a3528709 100644
--- a/examples/e2e/experimental/e2e/nodeMiddleware.test.ts
+++ b/examples/e2e/experimental/e2e/nodeMiddleware.test.ts
@@ -1,5 +1,6 @@
 import { expect, test } from "@playwright/test";
 
+// See https://github.com/opennextjs/opennextjs-cloudflare/issues/617
 test.describe("Node Middleware", () => {
   test.skip("Node middleware should add headers", async ({ request }) => {
     const resp = await request.get("/");
diff --git a/examples/e2e/experimental/next.config.ts b/examples/e2e/experimental/next.config.ts
index 2ff13739..3440439a 100644
--- a/examples/e2e/experimental/next.config.ts
+++ b/examples/e2e/experimental/next.config.ts
@@ -14,6 +14,7 @@ const nextConfig: NextConfig = {
   experimental: {
     ppr: "incremental",
     // Node middleware is not supported yet in cloudflare
+    // See https://github.com/opennextjs/opennextjs-cloudflare/issues/617
     // nodeMiddleware: true,
     dynamicIO: true,
   },
diff --git a/examples/e2e/experimental/src/middleware.ts b/examples/e2e/experimental/src/middleware.ts
index 8776efa8..ba626941 100644
--- a/examples/e2e/experimental/src/middleware.ts
+++ b/examples/e2e/experimental/src/middleware.ts
@@ -1,3 +1,6 @@
+// Node middleware is not supported yet in cloudflare
+// See https://github.com/opennextjs/opennextjs-cloudflare/issues/617
+
 // import crypto from "node:crypto";
 import { type NextRequest, NextResponse } from "next/server";