JSPM

  • Created
  • Published
  • Downloads 179466
  • Score
    100M100P100Q184162F
  • License MIT

Cloudflare builder for next apps

Package Exports

  • @opennextjs/cloudflare
  • @opennextjs/cloudflare/cloudflare-context
  • @opennextjs/cloudflare/config
  • @opennextjs/cloudflare/durable-objects/queue
  • @opennextjs/cloudflare/durable-objects/queue.spec
  • @opennextjs/cloudflare/durable-objects/sharded-tag-cache
  • @opennextjs/cloudflare/durable-objects/sharded-tag-cache.spec
  • @opennextjs/cloudflare/index
  • @opennextjs/cloudflare/overrides/incremental-cache/kv-incremental-cache
  • @opennextjs/cloudflare/overrides/incremental-cache/r2-incremental-cache
  • @opennextjs/cloudflare/overrides/incremental-cache/regional-cache
  • @opennextjs/cloudflare/overrides/incremental-cache/static-assets-incremental-cache
  • @opennextjs/cloudflare/overrides/internal
  • @opennextjs/cloudflare/overrides/queue/do-queue
  • @opennextjs/cloudflare/overrides/queue/memory-queue
  • @opennextjs/cloudflare/overrides/queue/memory-queue.spec
  • @opennextjs/cloudflare/overrides/tag-cache/d1-next-tag-cache
  • @opennextjs/cloudflare/overrides/tag-cache/do-sharded-tag-cache
  • @opennextjs/cloudflare/overrides/tag-cache/do-sharded-tag-cache.spec
  • @opennextjs/cloudflare/overrides/tag-cache/tag-cache-filter
  • @opennextjs/cloudflare/overrides/tag-cache/tag-cache-filter.spec

Readme

OpenNext for Cloudflare

Deploy Next.js apps to Cloudflare!

OpenNext for Cloudflare is a Cloudflare specific adapter that enables deployment of Next.js applications to Cloudflare.

Get started

To get started with the adapter visit the official get started documentation.

Local development

  • you can use the regular next CLI to start the Next.js dev server:

Local preview

Run the following commands to preview the production build of your application locally:

  • build the app and adapt it for Cloudflare

    npx opennextjs-cloudflare build
    # or
    pnpm opennextjs-cloudflare build
    # or
    yarn opennextjs-cloudflare build
    # or
    bun opennextjs-cloudflare build
  • Preview the app in Wrangler

    npx wrangler dev
    # or
    pnpm wrangler dev
    # or
    yarn wrangler dev
    # or
    bun wrangler dev

Deploy your app

Deploy your application to production with the following:

  • build the app and adapt it for Cloudflare

    npx opennextjs-cloudflare build && npx opennextjs-cloudflare deploy
    # or
    pnpm opennextjs-cloudflare build && pnpm opennextjs-cloudflare deploy
    # or
    yarn opennextjs-cloudflare build && yarn opennextjs-cloudflare deploy
    # or
    bun opennextjs-cloudflare build && bun opennextjs-cloudflare deploy