技能 vercel-deployment
📦

vercel-deployment

安全

Desplegar Next.js en Vercel

Esta habilidad proporciona orientación experta para desplegar aplicaciones Next.js en Vercel, cubriendo configuración de entornos, funciones edge y serverless, optimización de builds y problemas comunes de despliegue.

支持: Claude Codex Code(CC)
🥉 73 青铜
1

下载技能 ZIP

2

在 Claude 中上传

前往 设置 → 功能 → 技能 → 上传技能

3

开启并开始使用

测试它

正在使用“vercel-deployment”。 ¿Cómo despliego mi aplicación Next.js a Vercel?

预期结果:

  • Para desplegar en Vercel, puedes usar la Vercel CLI o conectar tu repositorio Git.
  • 1. Usando CLI: Ejecuta 'vercel' en la raíz de tu proyecto
  • 2. Usando Git: Haz push a GitHub/GitLab/Bitbucket e importa en el panel de Vercel
  • Consideraciones clave: Configura variables de entorno, configura despliegues de vista previa para pruebas y monitorea con Vercel Analytics

正在使用“vercel-deployment”。 ¿Qué errores comunes debo evitar al desplegar en Vercel?

预期结果:

  • Los problemas comunes incluyen:
  • - Usar el prefijo NEXT_PUBLIC_ para secretos (los expone al navegador)
  • - Usar la base de datos de producción para despliegues de vista previa
  • - No configurar correctamente el caché de build
  • - Usar APIs de Node.js en el runtime Edge que no son compatibles
  • - Variables de entorno faltantes en runtime que estaban presentes en tiempo de build

安全审计

安全
v1 • 2/25/2026

This skill provides expert knowledge for deploying Next.js applications to Vercel. All static scanner findings were evaluated as false positives: the backticks flagged are markdown inline code formatting, not shell execution; the cryptographic and network flags are common technical terms used in their legitimate context (production deployment, edge functions). No security risks identified.

1
已扫描文件
80
分析行数
2
发现项
1
审计总数
中风险问题 (2)
SKILL.md:79
False Positive: Markdown Backticks Flagged as Shell Execution
Static scanner flagged line 79 backticks as Ruby/shell backtick execution. These are markdown inline code fences referencing related skills, not shell commands.
SKILL.md:3SKILL.md:25SKILL.md:35
False Positive: Common Terms Misidentified
Static scanner flagged 'production', 'Edge', and 'serverless' as security concerns. These are standard deployment terminology used appropriately in context.
审计者: claude

质量评分

38
架构
100
可维护性
85
内容
50
社区
95
安全
91
规范符合性

你能构建什么

Primer despliegue en Vercel

Desarrolladores nuevos aprendiendo a desplegar su primera aplicación Next.js a producción

Optimización de despliegues existentes

Desarrolladores que buscan mejorar el rendimiento de sus aplicaciones alojadas en Vercel

Solución de problemas de despliegue

Desarrolladores depurando problemas de cold starts, problemas de variables de entorno o timeouts de funciones

试试这些提示

Pregunta básica de despliegue 
¿Cómo despliego mi aplicación Next.js a Vercel?
Configuración de entorno 
¿Qué variables de entorno necesito configurar para mi despliegue de producción en Vercel?
Selección de runtime 
¿Cuándo debo usar funciones Edge vs funciones Serverless en Vercel?
Optimización de build 
¿Cómo puedo optimizar mi build en Vercel para reducir los tiempos de cold start y el tamaño del bundle?

最佳实践

  • Usa siempre bases de datos separadas para entornos de vista previa y producción para prevenir corrupción de datos
  • Usa NEXT_PUBLIC_ solo para valores que deben ser visibles en el navegador
  • Configura encabezados de caché adecuados para evitar servir contenido obsoleto después de los despliegues

避免

  • Almacenar API keys o secretos en variables de entorno NEXT_PUBLIC_
  • Usar la misma cadena de conexión de base de datos para todos los entornos
  • Desactivar el caché de build para 'garantizar builds frescos' (afecta el rendimiento)

常见问题

¿Necesito instalar la Vercel CLI para desplegar?
No. Puedes desplegar directamente desde GitHub, GitLab o Bitbucket importando tu repositorio en el panel de Vercel. La CLI es opcional pero útil para desarrollo local.
¿Cuál es la diferencia entre funciones Edge y Serverless?
Las funciones Edge se ejecutan en redes edge más cercanas a los usuarios para menor latencia pero tienen APIs de Node.js limitadas. Las funciones Serverless tienen soporte completo de Node.js pero pueden tener cold starts más prolongados.
¿Puedo usar variables de entorno en tiempo de build vs runtime?
Las variables de entorno con el prefijo NEXT_PUBLIC_ se incrustan en tiempo de build. Otras variables están disponibles en runtime. Esto afecta cuándo puedes cambiar valores sin rebuild.
¿Cómo funcionan los despliegues de vista previa?
Los despliegues de vista previa se crean automáticamente para cada pull request. Usan su propio entorno y URL, permitiéndote probar cambios antes de mergear a producción.
¿Qué causa los cold starts en Vercel?
Los cold starts ocurren cuando una función serverless no se ha invocado recientemente y necesita inicializarse. Funciones más grandes y dependencias complejas aumentan el tiempo de cold start.
¿Puedo desplegar proyectos que no son Next.js a Vercel?
Sí, Vercel soporta muchos frameworks incluyendo React, Vue, Svelte y sitios estáticos. Sin embargo, esta habilidad se enfoca específicamente en patrones de despliegue de Next.js.

开发者详情

作者

sickn33

许可证

MIT

仓库

https://github.com/sickn33/antigravity-awesome-skills/tree/main/web-app/public/skills/vercel-deployment

引用

main

文件结构

📄 SKILL.md