Prompt Buddy logoPrompt Buddy

cloudflare · Cloudflare Workers Docs

Workers Next.js

Guides for deploying both new and existing Next.js applications to Cloudflare Workers using the OpenNext adapter and Workers Assets, including CLI scaffolding and manual configuration.

Import to Prompt Buddy

Derived skill

Files assembled from official documentation

Viewing SKILL.md

Workers Next.js

Guides for deploying both new and existing Next.js applications to Cloudflare Workers using the OpenNext adapter and Workers Assets, including CLI scaffolding and manual configuration.

When To Use

Use when you need to scaffold a new Next.js project or migrate an existing Next.js application to run on Cloudflare Workers.

Reference Files

FileContainsUse For
SKILL.mdEntry point: scope, routing table, and workflow.Start here.
docs/workers-framework-guides-web-apps-next-js-workflow-guide.mdA guide explaining how to deploy Next.js projects on Cloudflare Workers using the OpenNext adapter.Questions about a guide explaining how to deploy Next.js projects on Cloudflare Workers using the OpenNext adapter.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-inst.textThe npm command used to initialize a new Next.js application using the Cloudflare create command.Exact payloads, commands, or snippets shown in The npm command used to initialize a new Next.js application using the Cloudflare create command.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-crea.textThe shell command used to scaffold a new Next.js application using the Cloudflare Workers framework creator.Exact payloads, commands, or snippets shown in The shell command used to scaffold a new Next.js application using the Cloudflare Workers framework creator.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-proj.textThe pnpm command used to scaffold a new Next.js application using the Cloudflare Workers framework.Exact payloads, commands, or snippets shown in The pnpm command used to scaffold a new Next.js application using the Cloudflare Workers framework.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-dev-.textThe npm run dev command used to start a local development server for a Next.js application running on Cloudflare Workers.Exact payloads, commands, or snippets shown in The npm run dev command used to start a local development server for a Next.js application running on Cloudflare Work...
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-dev--2.textThe terminal command used to run the Next.js development server within a Cloudflare Workers environment.Exact payloads, commands, or snippets shown in The terminal command used to run the Next.js development server within a Cloudflare Workers environment.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-dev--3.textThe terminal command used to run the Next.js development server within a Cloudflare Workers environment.Exact payloads, commands, or snippets shown in The terminal command used to run the Next.js development server within a Cloudflare Workers environment.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-prev.textThe npm run preview command used to run a local development server for a Next.js application on Cloudflare Workers.Exact payloads, commands, or snippets shown in The npm run preview command used to run a local development server for a Next.js application on Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-prev-2.textThe shell command used to run the preview environment for a Next.js application on Cloudflare Workers.Exact payloads, commands, or snippets shown in The shell command used to run the preview environment for a Next.js application on Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-prev-3.textThe terminal command used to run a local preview of a Next.js application on Cloudflare Workers.Exact payloads, commands, or snippets shown in The terminal command used to run a local preview of a Next.js application on Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-depl.textThe npm command used to deploy a Next.js application to Cloudflare Workers.Exact payloads, commands, or snippets shown in The npm command used to deploy a Next.js application to Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-depl-2.textThe terminal command used to deploy a Next.js application to Cloudflare Workers.Exact payloads, commands, or snippets shown in The terminal command used to deploy a Next.js application to Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-depl-3.textThe pnpm deployment command used to deploy a Next.js application to Cloudflare Workers.Exact payloads, commands, or snippets shown in The pnpm deployment command used to deploy a Next.js application to Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-depl-4.textThe npx wrangler deploy command used to deploy a Next.js application to Cloudflare Workers.Exact payloads, commands, or snippets shown in The npx wrangler deploy command used to deploy a Next.js application to Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-depl-5.textThe wrangler deploy command used to deploy a Next.js application to Cloudflare Workers.Exact payloads, commands, or snippets shown in The wrangler deploy command used to deploy a Next.js application to Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-depl-6.textThe pnpm wrangler deploy command used to deploy a Next.js application to Cloudflare Workers.Exact payloads, commands, or snippets shown in The pnpm wrangler deploy command used to deploy a Next.js application to Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-inst-2.textThe npm installation command for the @opennextjs/cloudflare package used to deploy Next.js applications on Cloudflare Workers.Exact payloads, commands, or snippets shown in The npm installation command for the @opennextjs/cloudflare package used to deploy Next.js applications on Cloudflare...
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-open.textThe yarn command required to add the OpenNext.js adapter for Cloudflare Workers.Exact payloads, commands, or snippets shown in The yarn command required to add the OpenNext.js adapter for Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-open-2.textThe pnpm command required to add the OpenNext.js adapter for Cloudflare Workers.Exact payloads, commands, or snippets shown in The pnpm command required to add the OpenNext.js adapter for Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-open-3.textThe bun command used to install the @opennextjs/cloudflare package for deploying Next.js applications on Cloudflare Workers.Exact payloads, commands, or snippets shown in The bun command used to install the @opennextjs/cloudflare package for deploying Next.js applications on Cloudflare W...
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-inst-3.textThe npm command required to install the latest version of wrangler for a Next.js project on Cloudflare Workers.Exact payloads, commands, or snippets shown in The npm command required to install the latest version of wrangler for a Next.js project on Cloudflare Workers.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-inst-4.textThe shell command to add the latest version of wrangler as a development dependency for a Next.js project on Cloudflare Workers.Exact payloads, commands, or snippets shown in The shell command to add the latest version of wrangler as a development dependency for a Next.js project on Cloudfla...
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-inst-5.textThe pnpm command required to add the latest version of wrangler as a development dependency for a Next.js project on Cloudflare Workers.Exact payloads, commands, or snippets shown in The pnpm command required to add the latest version of wrangler as a development dependency for a Next.js project on...
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-inst-6.textThe bun command used to add the latest version of wrangler as a development dependency for a Next.js project on Cloudflare Workers.Exact payloads, commands, or snippets shown in The bun command used to add the latest version of wrangler as a development dependency for a Next.js project on Cloud...
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-wran.textA wrangler.toml configuration file for deploying a Next.js application to Cloudflare Workers using OpenNext.Exact payloads, commands, or snippets shown in A wrangler.toml configuration file for deploying a Next.js application to Cloudflare Workers using OpenNext.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-wran-2.textA wrangler.toml configuration file for deploying a Next.js application to Cloudflare Workers using OpenNext.Exact payloads, commands, or snippets shown in A wrangler.toml configuration file for deploying a Next.js application to Cloudflare Workers using OpenNext.
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-open-4.textA configuration file using defineCloudflareConfig from @opennextjs/cloudflare for deploying Next.js applications to Cloudflare Workers.Exact payloads, commands, or snippets shown in A configuration file using defineCloudflareConfig from @opennextjs/cloudflare for deploying Next.js applications to C...
examples/workers-framework-guides-web-apps-next-js-cloudflare-workers-nextjs-pack.textThe package.json scripts section for building, previewing, deploying, and generating types for a Next.js application on Cloudflare Workers using OpenNext.Exact payloads, commands, or snippets shown in The package.json scripts section for building, previewing, deploying, and generating types for a Next.js application...

What This Skill Covers

  • Start from CLI - scaffold a Next.js project on Workers.
  • Main sections: Tags, What is Next.js?, Next.js supported features, Deploy a new Next.js project on Workers, Deploy an existing Next.js project on Workers.

Workflow

  1. Open the most relevant file under docs/ for the exact documented workflow and wording.
  2. Open schemas/ files for exact structured contracts.
  3. Open examples/ files for concrete requests, commands, snippets, and manifests.
  4. Do not add behavior or configuration that is not present in the attached source files.

Canonical source: https://developers.cloudflare.com/workers/framework-guides/web-apps/nextjs