Can I use the Next.js App Router with this skill?

Yes, this skill specifically provides patterns and configurations for both the Next.js App Router and the traditional Pages Router on Cloudflare's network.

What is OpenNext and why is it used here?

OpenNext is an open-source adapter that transforms Next.js build output into a format compatible with Cloudflare Workers, enabling features like SSR and ISR that aren't natively supported on basic serverless platforms.

Why do I see 'FinalizationRegistry is not defined' errors?

This error usually stems from an outdated compatibility_date in your wrangler.jsonc; this skill ensures you use the minimum required date of 2025-05-05.

Does this skill help with Cloudflare D1 or R2 storage?

Yes, it provides implementation patterns for binding and accessing Cloudflare D1 databases, R2 buckets, KV storage, and Workers AI within your Next.js routes.

How do I handle Cloudflare Worker size limits?

The skill includes troubleshooting guides for the 3 MiB and 10 MiB limits, including bundle analysis using ESBuild and strategies for externalizing large dependencies.

Cloudflare Next.js Deployment

Name: Cloudflare Next.js Deployment
Author: jackspace

byjackspace

•

デプロイメントとDevOps

Deploys Next.js applications to Cloudflare Workers using the OpenNext adapter with optimized configurations and error prevention.

概要

This skill streamlines the deployment of Next.js applications—supporting both App and Pages Routers—onto Cloudflare’s serverless platform. It leverages the OpenNext adapter to enable high-performance features like Server-Side Rendering (SSR), Incremental Static Regeneration (ISR), and React Server Components. By providing domain-specific guidance on configuration requirements, environment setup, and integration with Cloudflare services like D1 and R2, it helps developers bypass common pitfalls such as worker size limits, runtime compatibility issues, and I/O scoping errors.

主な機能

Support for Next.js App and Pages Router on Cloudflare Workers
Seamless integration with Cloudflare D1, R2, KV, and Workers AI
2 GitHub stars
Pre-configured workflows for OpenNext adapter and Node.js runtime compatibility
Automated prevention for 10+ documented deployment errors
Dual-testing strategy for both local development and production-like environments

ユースケース

Migrating existing Next.js projects from Vercel or AWS to Cloudflare's edge network
Optimizing Next.js bundle sizes to fit within Cloudflare Worker limits
Building full-stack serverless applications with React Server Components and Server Actions

概要

主な機能

Support for Next.js App and Pages Router on Cloudflare Workers
Seamless integration with Cloudflare D1, R2, KV, and Workers AI
2 GitHub stars
Pre-configured workflows for OpenNext adapter and Node.js runtime compatibility
Automated prevention for 10+ documented deployment errors
Dual-testing strategy for both local development and production-like environments

ユースケース

Migrating existing Next.js projects from Vercel or AWS to Cloudflare's edge network
Optimizing Next.js bundle sizes to fit within Cloudflare Worker limits
Building full-stack serverless applications with React Server Components and Server Actions