UnhandledSchemeError: cloudflare when Using postgres with Cloudflare Workers and Next.js Edge Runtime

[jacksonkasi1]

Hi,

I'm encountering an issue while trying to deploy my Next.js API routes using the postgres package with Drizzle ORM on Cloudflare Workers. Everything works fine locally, but when I set export const runtime = "edge"; for the edge runtime in Next.js, I get the following error during compilation:

⨯ cloudflare:sockets
Module build failed: UnhandledSchemeError: Reading from "cloudflare:sockets" is not handled by plugins (Unhandled scheme).
Webpack supports "data:" and "file:" URIs by default.
You may need an additional plugin to handle "cloudflare:" URIs.
Import trace for requested module:
cloudflare:sockets
./node_modules/.pnpm/[email protected]/node_modules/postgres/cf/polyfills.js
./node_modules/.pnpm/[email protected]/node_modules/postgres/cf/src/index.js
./src/db/index.ts
./src/app/api/[[...route]]/routes/register/index.ts
./src/app/api/[[...route]]/routes/index.ts
./src/app/api/[[...route]]/route.ts

Setup:

• Framework: Next.js 14
• Database: PostgreSQL
• ORM: Drizzle ORM with the postgres package
• Runtime: edge (Cloudflare Workers)

Code Snippet:

import { env } from "@/config/env";
import { drizzle } from "drizzle-orm/postgres-js";
import postgres from "postgres";

import * as schema from "./schema";

const client = postgres(env.DATABASE_URL);
export const db = drizzle(client, { schema, logger: true });

Issue Summary:

The error seems to originate from the postgres package when trying to use it with the edge runtime on Cloudflare Workers. It looks like Webpack doesn't know how to handle the cloudflare: scheme used in postgres/cf/polyfills.js.

Questions:

1. Is this a known issue with the postgres package when used in Cloudflare Workers with the edge runtime?
2. Are there any recommended workarounds or configurations that could resolve this issue?

Any guidance or suggestions would be greatly appreciated!

Thanks!

[archodev]

Same issue, did you manage to fix this?

[jacksonkasi1]

Hi @archodev.

To avoid this issue, we recently switched postgres to @neondatabase/serverless.
@neondatabase/serverless works well with the edge runtime and Next.js API.

But if I execute any script with the DB in a separate file, it gives some issues.

You can check out this repo, it's simple code: https://github.com/jacksonkasi1/drizzle-form

Also, you can reproduce the issue. I have commented code, check out: src/db/index.ts