cloudflare-nextjs

Deploy Next.js applications to Cloudflare Workers using the OpenNext adapter.

2|Updated Feb 23, 2025
One-click install
npx skills add https://github.com/nic519/node-fecth --skill cloudflare-nextjs-nic519
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cloudflare-nextjs
Source: https://github.com/nic519/node-fecth/tree/main/.trae/skills/cloudflare-nextjs
Command: npx skills add https://github.com/nic519/node-fecth --skill cloudflare-nextjs-nic519

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @opennextjs/cloudflare, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the deployment of Next.js applications to Cloudflare Workers, enabling serverless hosting with global edge performance.

Core Features & Use Cases

  • Serverless Deployment: Deploy Next.js apps (App Router/Pages Router) to Cloudflare Workers.
  • Full-Stack Capabilities: Supports SSR, SSG, ISR, React Server Components, and Server Actions.
  • Use Case: You have a Next.js e-commerce site and want to deploy it globally with low latency and high availability. This Skill helps you achieve that by leveraging Cloudflare's edge network and serverless infrastructure.

Quick Start

Use the cloudflare-nextjs skill to deploy your Next.js application to Cloudflare.

Frequently Asked Questions about cloudflare-nextjs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a Next.js application to Cloudflare Workers?

Deploy Next.js to Cloudflare Workers by using the OpenNext adapter to configure wrangler.jsonc and open-next.config.ts, enabling serverless hosting on Cloudflare's global edge network.

Does deploying Next.js to Cloudflare support React Server Components and Server Actions?

Yes, deploying Next.js to Cloudflare supports full-stack features including React Server Components, Server Actions, SSR, SSG, and ISR natively through the OpenNext adapter.

What is the best way to host a Next.js e-commerce site globally with low latency?

The best way to host a Next.js e-commerce site globally is deploying to Cloudflare's edge network, leveraging serverless infrastructure for low latency and high availability.

Do I need the OpenNext adapter to deploy Next.js to Cloudflare?

Yes, the OpenNext adapter is required to deploy Next.js to Cloudflare Workers, as it facilitates the serverless deployment and Cloudflare-specific optimizations required for edge hosting.

Can I use both App Router and Pages Router when deploying Next.js to Cloudflare?

Yes, you can deploy Next.js applications using either the App Router or Pages Router to Cloudflare Workers, with full-stack capabilities supported across both routing paradigms via OpenNext.

What configurations are required for Next.js edge computing on Cloudflare?

Configuring Next.js edge computing on Cloudflare requires setting up wrangler.jsonc for bindings and open-next.config.ts for Cloudflare-specific optimizations to ensure proper serverless functionality.