I believe that's using opennext, then refer to the following https://opennext.js.org/cloudflare/bind
I believe that's using opennext, then refer to the following
https://opennext.js.org/cloudflare/bindings
https://opennext.js.org/cloudflare/bindings
next.config.mjsnpm run dev is ok, but after deploying on cloudflare, the page always give error SyntaxError: Unexpected token 'e', "error code: 522" is not valid JSONjson, but why?http request from the same site on server component will be blocked by cloudflare?KV GET failed: 503 Service temporarily unavailable
next.config.mjsnpm run devSyntaxError: Unexpected token 'e', "error code: 522" is not valid JSONjsonhttp requestcloudflareimport { 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 { initOpenNextCloudflareForDev } from "@opennextjs/cloudflare";
initOpenNextCloudflareForDev();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);
});
}