How are you deploying the Next app to Cloudflare? - Cloudflare Developers

© 2026 Hedgehog Software, LLC

More

Communities Docs About Terms Privacy

XiNiHa

X

XiNiHaOP•6/9/25, 10:07 AM

Are you using next-on-pages or opennext?

XiNiHa

XXiNiHa How are you deploying the Next app to Cloudflare?

whoami

W

whoami•6/9/25, 10:08 AM

I am using this starter.

whoami

Wwhoami I am using this starter.

XiNiHa

X

XiNiHaOP•6/9/25, 10:12 AM

I believe that's using opennext, then refer to the following
https://opennext.js.org/cloudflare/bindings

Bindings - OpenNext

Open-source Next.js adapters

XiNiHa

XXiNiHa I believe that's using opennext, then refer to the following https://opennext.js...

whoami

W

whoami•6/9/25, 10:17 AM

thanks a lot, it works.

whoami

W

whoami•6/9/25, 10:18 AM

import { getCloudflareContext } from "@opennextjs/cloudflare";

export async function POST(req: Request) {
  const url = new URL(req.url);
  const key = url.searchParams.get("key") || "testKey";
  const testValue = await getCloudflareContext().env.QA_KVS.get(key);

  return new Response(testValue ?? "No value found", {
    headers: {
      "Content-Type": "text/plain",
    },
  });
}

import { getCloudflareContext } from "@opennextjs/cloudflare";

export async function POST(req: Request) {
  const url = new URL(req.url);
  const key = url.searchParams.get("key") || "testKey";
  const testValue = await getCloudflareContext().env.QA_KVS.get(key);

  return new Response(testValue ?? "No value found", {
    headers: {
      "Content-Type": "text/plain",
    },
  });
}

whoami

W

whoami•6/9/25, 10:19 AM

And still need

import { initOpenNextCloudflareForDev } from "@opennextjs/cloudflare";
initOpenNextCloudflareForDev();

import { initOpenNextCloudflareForDev } from "@opennextjs/cloudflare";
initOpenNextCloudflareForDev();

in next.config.mjsnext.config.mjs

whoami

W

whoami•6/10/25, 9:43 AM

export default async function Home(req: any) {
  return fetch(`${getBaseUrl(req as NextRequest)}/api/search`, {
    method: "POST",
  })
    .then((r) => r.json() as Promise<ApiResponse<string>>)
    .then((r) => {
      // return Promise.reject(new Error(`xxx`));
      return r.success
        ? Promise.resolve(r)
        : Promise.reject(new Error(r.error));
    })
    .then((r) => {
      return HomeComponent(r);
    });
}

export default async function Home(req: any) {
  return fetch(`${getBaseUrl(req as NextRequest)}/api/search`, {
    method: "POST",
  })
    .then((r) => r.json() as Promise<ApiResponse<string>>)
    .then((r) => {
      // return Promise.reject(new Error(`xxx`));
      return r.success
        ? Promise.resolve(r)
        : Promise.reject(new Error(r.error));
    })
    .then((r) => {
      return HomeComponent(r);
    });
}

whoami

W

whoami•6/10/25, 9:43 AM

I have a server component as above

whoami

W

whoami•6/10/25, 9:44 AM

npm run devnpm run dev is ok, but after deploying on cloudflare, the page always give error SyntaxError: Unexpected token 'e', "error code: 522" is not valid JSONSyntaxError: Unexpected token 'e', "error code: 522" is not valid JSON

whoami

W

whoami•6/10/25, 9:45 AM

I know it's the response from fetch is not jsonjson, but why?

whoami

W

whoami•6/10/25, 9:46 AM

http requesthttp request from the same site on server component will be blocked by cloudflarecloudflare?

whoami

W

whoami•6/10/25, 9:47 AM

anyone helps me, please?

juanferreras

J

juanferreras•6/12/25, 6:05 PM

hi – is anyone else seeing errors on KV?

kunal

K

kunal•6/12/25, 6:06 PM

I'm getting a bunch of failures

scook

S

scook•6/12/25, 6:07 PM

KV GET failed: 503 Service temporarily unavailable

juanferreras

J

juanferreras•6/12/25, 6:07 PM

surprised it didn't get listed on https://www.cloudflarestatus.com/ yet

Cloudflare Status

Welcome to Cloudflare's home for real-time and historical data on system performance.

Luke

L

Luke•6/12/25, 6:10 PM

Same KV errors here! Glad I'm not alone on this

threecreepio

T

threecreepio•6/12/25, 6:12 PM

yeah same here

ajgeiss0702

A

ajgeiss0702•6/12/25, 6:14 PM

a lot of things around the internet are broken right now, wonder if its a coincidence that KV goes down at the same time

ddsgadget

D

ddsgadget•6/12/25, 6:16 PM

same here. Why don't they update the status page. I never understand what the point of a status page is, if it never shows anything. Have to log onto discord to see what's u p

jdanyow

J

jdanyow•6/12/25, 6:16 PM

same

Chaika

C

Chaika•6/12/25, 6:17 PM

They know internally and are working on it

Chaika

C

Chaika•6/12/25, 6:17 PM

Status pages is just diff teams/requires approval/etc

Chaika

C

Chaika•6/12/25, 6:17 PM

also CF Access is down, maybe they at least partially used it for IdP login lol, who knows. All we know so far is they know, and a ton of products are affected

juanferreras

J

juanferreras•6/12/25, 6:18 PM

thanks, Chaika!

ddsgadget

D

ddsgadget•6/12/25, 6:18 PM

Thanks. Glad they know.

AZipr

A

AZipr•6/12/25, 6:22 PM

Kv down

ddsgadget

D

ddsgadget•6/12/25, 6:22 PM

this just reminds me that you need backups to KV outside of Cloudflare with another service. Keep forgetting to set this up. I'm too reliant on Cloudflare now. There goes my weekend

ταυ

Τ

ταυ•6/12/25, 6:23 PM

It's so over

AZipr

A

AZipr•6/12/25, 6:23 PM

Use r2 to backup. I have a worker that runs daily (cron) and keeps it in r2

ddsgadget

Dddsgadget this just reminds me that you need backups to KV outside of Cloudflare with anot...

AZipr

A

AZipr•6/12/25, 6:24 PM

Yep. Backup plan of backup plan

S0ns0fAnarchy

SS0ns0fAnarchy use cloudflare to backup cloudflare

AZipr

A

AZipr•6/12/25, 6:25 PM

Haha. Generally both never go down simultaneously

AZipr

A

AZipr•6/12/25, 6:26 PM

Kv down. All sites that use KV are down again.

This is second time this year.

ddsgadget

Dddsgadget this just reminds me that you need backups to KV outside of Cloudflare with anot...

Raymond

R

Raymond•6/12/25, 6:26 PM

This is why you don't use KV as a database :faceslap:

scook

S

scook•6/12/25, 6:26 PM

Status page has been updated.

juanferreras

J

juanferreras•6/12/25, 6:26 PM

GCP is also apparently having issues, could be wider than just Cloudflare

scook

Sscook Status page has been updated.

AZipr

A

AZipr•6/12/25, 6:27 PM

I dont see it. Where are you checking it ?

SuperHelpflare

S

SuperHelpflare•6/12/25, 6:27 PM

There is an ongoing GCP outage affecting Cloudflare, Discord, and many other services. Any issues you are seeing is likely because of this.

You can follow the Cloudflare-specific impact here: https://www.cloudflarestatus.com/incidents/25r9t0vz99rp

Cloudflare Access authentication failures and WARP connectivity issues

Minsu Kim

MMinsu Kim R2 seems also getting cooked now

threecreepio

T

threecreepio•6/12/25, 6:27 PM

see thats why you back up R2 with D1. then D1 with eh.. let me think..

import { getCloudflareContext } from "@opennextjs/cloudflare";

export async function POST(req: Request) {
  const url = new URL(req.url);
  const key = url.searchParams.get("key") || "testKey";
  const testValue = await getCloudflareContext().env.QA_KVS.get(key);

  return new Response(testValue ?? "No value found", {
    headers: {
      "Content-Type": "text/plain",
    },
  });
}

import { getCloudflareContext } from "@opennextjs/cloudflare";

export async function POST(req: Request) {
  const url = new URL(req.url);
  const key = url.searchParams.get("key") || "testKey";
  const testValue = await getCloudflareContext().env.QA_KVS.get(key);

  return new Response(testValue ?? "No value found", {
    headers: {
      "Content-Type": "text/plain",
    },
  });
}

export default async function Home(req: any) {
  return fetch(`${getBaseUrl(req as NextRequest)}/api/search`, {
    method: "POST",
  })
    .then((r) => r.json() as Promise<ApiResponse<string>>)
    .then((r) => {
      // return Promise.reject(new Error(`xxx`));
      return r.success
        ? Promise.resolve(r)
        : Promise.reject(new Error(r.error));
    })
    .then((r) => {
      return HomeComponent(r);
    });
}

export default async function Home(req: any) {
  return fetch(`${getBaseUrl(req as NextRequest)}/api/search`, {
    method: "POST",
  })
    .then((r) => r.json() as Promise<ApiResponse<string>>)
    .then((r) => {
      // return Promise.reject(new Error(`xxx`));
      return r.success
        ? Promise.resolve(r)
        : Promise.reject(new Error(r.error));
    })
    .then((r) => {
      return HomeComponent(r);
    });
}