Menu
Deploy Next.js to Cloudflare Workers using OpenNext adapter
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
| name | opennext-cloudflare |
| description | Deploy Next.js to Cloudflare Workers using OpenNext adapter |
Deploy Next.js applications to Cloudflare Workers using the @opennextjs/cloudflare adapter.
@opennextjs/cloudflare v1.19.11--dangerouslyUseUnsupportedNextVersion)namiasnodejs_compat| File | Purpose |
|---|---|
wrangler.jsonc | Cloudflare Workers configuration |
open-next.config.ts | OpenNext build configuration |
src/middleware.ts | Middleware (renamed from proxy.ts for compatibility) |
npx @opennextjs/cloudflare build
npx wrangler deploy
Deployment happens via GitHub Actions on push to main:
.github/workflows/cloudflare-deploy.ymlCLOUDFLARE_API_TOKEN and CLOUDFLARE_ACCOUNT_IDsrc/proxy.ts is not supported in newer OpenNext versionssrc/middleware.ts--dangerouslyUseUnsupportedNextVersion flag to build commandnodejs_compat compatibility flag"compatibility_flags": ["nodejs_compat"] to wrangler.jsoncglobal_fetch_strictly_public flag"compatibility_flags": ["global_fetch_strictly_public"] to wrangler.jsoncSet in Cloudflare dashboard or wrangler.jsonc:
| Variable | Purpose |
|---|---|
NEXT_RUNTIME | Set to edge |
SANITY_API_CDN | Sanity CDN URL |
SANITY_API_WRITE | Sanity write API URL |
SANITY_AUTH_TOKEN | Sanity auth token |
SANITY_REVALIDATE_SECRET | Revalidation webhook secret |
CANARY_SLACK_WEBHOOK | Canary notification webhook |
CANARY_DISCORD_WEBHOOK | Canary notification webhook |
CANARY_EMAIL | Canary notification email |
CANARY_HONEYTOKEN | Canary token value |
HONEYPOT_USERNAME | Honeypot form field |
HONEYPOT_WEBSITE | Honeypot form field |
wrangler.jsonc has correct compatibility flagssrc/middleware.ts exists (not proxy.ts)npx @opennextjs/cloudflare buildMigrate from Next.js 15 to Next.js 16 and handle breaking changes
Configure Content Security Policy and security headers for the portfolio
Manage the canary token honeypot system for detecting security scanning
Write, debug, and optimize GROQ queries for Sanity CMS in this portfolio
Advanced TypeScript patterns and type safety as used in this portfolio
Advanced React patterns and best practices used in this portfolio