Is Incremental Static Regeneration (ISR) supported?

Yes, the skill configures OpenNext to support ISR and SSG, allowing you to serve static content that updates dynamically across Cloudflare's global network.

How does it handle Cloudflare Worker size limits?

The skill provides specific strategies for bundle analysis, dependency optimization, and configuration tweaks to stay within the 3MB (Free) or 10MB (Paid) limits.

Can I use external databases with this skill?

Yes, it includes specialized patterns for request-scoped database clients to prevent the 'Cannot perform I/O on behalf of different request' error common in Workers.

Does this skill support the Next.js App Router?

Yes, it fully supports both App Router and Pages Router, including React Server Components and Server Actions, via the OpenNext adapter.

Cloudflare Next.js Deployment

Name: Cloudflare Next.js Deployment
Author: secondsky

bysecondsky

•

Cloud Infrastructure

Deploys production-ready Next.js applications to Cloudflare Workers using the OpenNext adapter for high-performance serverless hosting.

This skill provides a comprehensive framework for hosting full-stack Next.js applications on Cloudflare's global edge network via OpenNext. It bridges the gap between standard Next.js development and Cloudflare's specialized runtime by offering battle-tested patterns for SSR, ISR, and React Server Components. Developers can easily manage Cloudflare-specific constraints such as Worker size limits, request-scoped database connections (D1/Prisma), and Node.js compatibility flags, ensuring seamless migration from Vercel or AWS to Cloudflare's infrastructure.

Key Features

0121 GitHub stars

02Seamless App and Pages Router support via the OpenNext Cloudflare adapter.

03Standardized development workflows featuring dual-testing for dev and preview environments.

04Automated troubleshooting for Worker size limits and request-scoped I/O errors.

05Integrated patterns for Cloudflare services including D1, R2, KV, and Workers AI.

06Optimized caching and ISR configurations tailored for Cloudflare's edge network.

Use Cases

01Migrating existing Next.js applications from Vercel or AWS to Cloudflare Workers.

02Optimizing Next.js performance using edge-based server-side rendering and caching.

03Building globally distributed full-stack apps with Next.js and Cloudflare D1 databases.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills cloudflare-nextjs

For use in Claude.ai and ChatGPT

Download Skill