Add support for wrangler environment selection in next dev mode (#243)

opennextjs · Jan 10, 2025 · 41c55a8 · 41c55a8
1 parent a816233
commit 41c55a8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/lemon-zoos-chew.md b/.changeset/lemon-zoos-chew.md
@@ -0,0 +1,5 @@
+---
+"@opennextjs/cloudflare": patch
+---
+
+Add support for specifying wrangler environment when using next dev so that bindings and vars are properly loaded. This can be specified with the env variable NEXT_DEV_WRANGLER_ENV.
diff --git a/packages/cloudflare/src/api/get-cloudflare-context.ts b/packages/cloudflare/src/api/get-cloudflare-context.ts
@@ -71,7 +71,10 @@ async function getCloudflareContextInNextDev<
     const { getPlatformProxy } = await import(
       /* webpackIgnore: true */ `${"__wrangler".replaceAll("_", "")}`
     );
-    const { env, cf, ctx } = await getPlatformProxy();
+    const { env, cf, ctx } = await getPlatformProxy({
+      // This allows the selection of a wrangler environment while running in next dev mode
+      environment: process.env.NEXT_DEV_WRANGLER_ENV,
+    });
     global[cloudflareContextInNextDevSymbol] = {
       env,
       cf: cf as unknown as CfProperties,