Deploying to Cloudflare Workers in Remix

Introduction

Deploying to Cloudflare Workers lets you run your Remix app close to users worldwide. This makes your app faster and more reliable.

You want your Remix app to load quickly for users everywhere.

You want to avoid managing servers and focus on your app code.

You want automatic scaling without extra setup.

You want to use Cloudflare's global network for security and speed.

Syntax

Remix

npm run build
wrangler deploy

Use npm run build to prepare your Remix app for deployment.

Use wrangler deploy to deploy to Cloudflare Workers.

Examples

Builds the app and deploys it to Cloudflare Workers.

Remix

npm run build
wrangler deploy

Directly deploy your app using Cloudflare's Wrangler CLI after building.

Remix

wrangler deploy

Sample Program

This is a simple Cloudflare Worker script for Remix. It uses Remix's createRequestHandler to handle requests with your app's build.

Remix

import { createRequestHandler } from '@remix-run/cloudflare-workers';
import * as build from '@remix-run/dev/server-build';

export default {
  async fetch(request, env, ctx) {
    return createRequestHandler({
      build,
      mode: env.NODE_ENV || 'production'
    })(request, env, ctx);
  }
};

Important Notes

Make sure you have a wrangler.toml file configured with your Cloudflare account details.

Use environment variables securely with Cloudflare Workers for secrets.

Test your app locally with wrangler dev before deploying.

Summary

Deploying Remix to Cloudflare Workers makes your app fast and scalable worldwide.

Use npm run build and wrangler deploy to deploy easily.

Cloudflare Workers run your app without managing servers, using Remix's request handler.