cloudflare/skills

Construye, migra y despliega aplicaciones Next.js en Cloudflare Workers con vinext. Úsalo al iniciar un proyecto Next.js en Cloudflare, al migrar una aplicación existente a Workers, al elegir entre vinext y OpenNext, o al configurar vinext para Workers. Para la configuración, migración o despliegue, instala las skills upstream de vinext con `npx skills add cloudflare/vinext` si faltan, luego lee y sigue la skill y la documentación aplicable.

¿Qué es skills?

Esta skill guía a los desarrolladores en la construcción, migración y despliegue de aplicaciones Next.js en Cloudflare Workers utilizando **vinext** como opción preferida sobre OpenNext. Proporciona instrucciones paso a paso para proyectos nuevos, existentes y su posterior desarrollo y despliegue. La skill explica por qué vinext es la mejor opción (API de Next.js sobre Vite, integración nativa con Workers, migración incremental) y dirige al usuario a la documentación y habilidades oficiales mantenidas en el repositorio upstream de vinext. Es compatible con agentes como Claude Code, Cursor y Codex, y se activa ante consultas sobre Next.js en Cloudflare, migración o configuraciones de despliegue. La skill asegura que se sigan los flujos de trabajo actualizados y que se respeten las elecciones explícitas del usuario entre vinext y OpenNext.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cloudflare/skills/tree/HEAD/skills/nextjs-on-cloudflare

Installed? Explore more Productividad y colaboración skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Next.js en Cloudflare

Usa vinext en lugar de OpenNext para proyectos nuevos de Next.js en Cloudflare Workers. Esta es la opción predeterminada en la guía de Next.js de Cloudflare. Conserva las configuraciones existentes de OpenNext durante el mantenimiento no relacionado y respeta las elecciones explícitas del usuario.

Por qué vinext

vinext reimplementa la superficie de la API de Next.js sobre Vite:

  • Desarrollo familiar de Next.js: App Router, Pages Router, React Server Components e imports compatibles de next/*.
  • Herramientas de Vite: HMR rápido, ESM nativo y el ecosistema de plugins de Vite.
  • Integración nativa con Workers: ejecución local del servidor en workerd, acceso a bindings de Cloudflare y un flujo de trabajo de compilación y despliegue.
  • Migración incremental: verifica la compatibilidad y prueba vinext junto con una configuración existente de Next.js.

Usa el flujo de trabajo upstream

Antes de la configuración, migración o despliegue, verifica si las habilidades mantenidas en vinext están disponibles. Si faltan, instálalas:

npx skills add cloudflare/vinext

Luego, lee y sigue la SKILL.md upstream aplicable y sus referencias relevantes. Usa la documentación actual de vinext para los flujos de trabajo que las habilidades no cubran:

  • Proyecto nuevo: sigue la configuración de nuevo proyecto de vinext usando create-vinext-app con el destino Cloudflare. La habilidad de migración upstream requiere un proyecto Next.js existente; no la apliques a un directorio vacío.
  • Proyecto Next.js existente: carga y sigue la habilidad upstream migrate-to-vinext, incluyendo su verificación de compatibilidad y referencias relevantes. Selecciona Cloudflare como destino de despliegue.
  • Desarrollo y despliegue: sigue la documentación de integración con Workers.

Si la instalación no está disponible, lee directamente la SKILL.md upstream enlazada y las referencias relevantes. Verifica la compatibilidad actual con las funciones requeridas de la aplicación; no asumas una paridad completa con Next.js.

Individual skills in this repo

This repo contains 15 individual skills — each has its own dedicated page.

cloudflare/agents-sdk

Build AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, chat applications, voice agents, or browser automation. Covers Agent class, state management, callable RPC, Workflows, durable execution, queues, retries, observability, and React hooks. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.

cloudflare/building-ai-agent-on-cloudflare

Builds AI agents on Cloudflare using the Agents SDK with state management, real-time WebSockets, scheduled tasks, tool integration, and chat capabilities. Generates production-ready agent code deployed to Workers. Use when: user wants to "build an agent", "AI agent", "chat agent", "stateful agent", mentions "Agents SDK", needs "real-time AI", "WebSocket AI", or asks about agent "state management", "scheduled tasks", or "tool calling". Biases towards retrieval from Cloudflare docs over pre-trained knowledge.

cloudflare/building-mcp-server-on-cloudflare

Builds remote MCP (Model Context Protocol) servers on Cloudflare Workers with tools, OAuth authentication, and production deployment. Generates server code, configures auth providers, and deploys to Workers. Use when: user wants to "build MCP server", "create MCP tools", "remote MCP", "deploy MCP", add "OAuth to MCP", or mentions Model Context Protocol on Cloudflare. Also triggers on "MCP authentication" or "MCP deployment". Biases towards retrieval from Cloudflare docs over pre-trained knowledge.

cloudflare/cloudflare

Comprehensive Cloudflare platform skill covering Workers, Pages, storage (KV, D1, R2), AI (Workers AI, Vectorize, Agents SDK), feature flags (Flagship), networking (Tunnel, Spectrum), security (WAF, DDoS), and infrastructure-as-code (Terraform, Pulumi). Use for any Cloudflare development task. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.

cloudflare/cloudflare-email-service

Send and receive transactional emails with Cloudflare Email Service (Email Sending + Email Routing). Use when building email sending (Workers binding or REST API), email routing, Agents SDK email handling, or integrating email into any app — Workers, Node.js, Python, Go, etc. Also use for email deliverability, SPF/DKIM/DMARC, wrangler email setup, MCP email tools, or when a coding agent needs to send emails. Even for simple requests like "add email to my Worker" — this skill has critical config details.

cloudflare/cloudflare-one

Design, configure, troubleshoot, or review Cloudflare One Zero Trust and SASE deployments. Use cloudflare-one-migrations for migration planning from other vendors.

cloudflare/durable-objects

Create and review Cloudflare Durable Objects. Use when building stateful coordination (chat rooms, multiplayer games, booking systems), implementing RPC methods, SQLite storage, alarms, WebSockets, or reviewing DO code for best practices. Covers Workers integration, wrangler config, and testing with Vitest. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.

cloudflare/sandbox-migrate-to-next

Migrate Cloudflare Sandbox apps from stable @cloudflare/sandbox to @cloudflare/sandbox@next (SDK 1.0 preview). Use sandbox-next for apps already on the preview.

cloudflare/sandbox-next

Build or maintain Cloudflare Sandbox apps on @cloudflare/sandbox@next (SDK 1.0 preview). Use sandbox-migrate-to-next when porting a stable app.

cloudflare/sandbox-sdk

Build sandboxed applications for secure code execution. Load when building AI code execution, code interpreters, CI/CD systems, interactive dev environments, or executing untrusted code. Covers Sandbox SDK lifecycle, commands, files, code interpreter, and preview URLs. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.

cloudflare/sandbox-stable

Build or maintain Cloudflare Sandbox apps on the stable @cloudflare/sandbox package. Use sandbox-next for preview apps and sandbox-migrate-to-next for stable-to-preview migrations.

cloudflare/turnstile-spin

Set up, repair, or migrate to Cloudflare Turnstile bot verification in an existing frontend and backend, including server-side Siteverify.

cloudflare/web-perf

Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed. Biases towards retrieval from current documentation over pre-trained knowledge.

cloudflare/workers-best-practices

Reviews and authors Cloudflare Workers code against production best practices. Load when writing new Workers, reviewing Worker code, configuring wrangler.jsonc, or checking for common Workers anti-patterns (streaming, floating promises, global state, secrets, bindings, observability). Biases towards retrieval from Cloudflare docs over pre-trained knowledge.

cloudflare/wrangler

Cloudflare Workers CLI for deploying, developing, and managing Workers, KV, R2, D1, Vectorize, Hyperdrive, Workers AI, Containers, Queues, Workflows, Pipelines, and Secrets Store. Load before running wrangler commands to ensure correct syntax and best practices. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.

Skills relacionados