Remix + Prisma + D1

This is a sample program that uses Remix and D1 with Prisma that supports Edge Function.

• Remix
• Vite
• Prisma
  • Prisma ORM Support for Edge Functions is now in Preview
• Cloudflare D1
• Cloudflare Pages

Notes

As shown in this repository, if you build Remix and D1 for one worker, the file size will exceed 1MB. Please note that if this happens, you will not be able to deploy with a free Cloudflare account.

If you want to deploy with a free account, you can avoid this by building Remix and Prisma into separate Cloudflare Workers and using Service Bindings. Cloudflare now supports connecting Service Bindings with RPC, so it's not bad to use.

A sample using Service Bindings can be found here.

https://github.com/chimame/connect-remix-and-prisma-d1-using-rpc-on-cloudflare-pages

Typegen

Generate types for your Cloudflare bindings in wrangler.toml:

npm run typegen

You will need to rerun typegen whenever you make changes to wrangler.toml.

Development

Run the Vite dev server:

npm run dev

To run Wrangler:

npm run build
npm run start

Deployment

Warning

Cloudflare does not use wrangler.toml to configure deployment bindings. You MUST configure deployment bindings manually in the Cloudflare dashboard.

First, build your app for production:

npm run build

Then, deploy your app to Cloudflare Pages:

npm run deploy