Back to Details

vercel-deploy

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Vercel Deployment Skill

Vercel 部署 Skill

Deploy applications and websites to Vercel with automatic framework detection.
自动检测框架，将应用和网站部署至Vercel。

When to use me

适用场景

Use this skill when:
  • Deploying a web application to production
  • Setting up staging/preview deployments
  • Migrating from another hosting service
  • Testing deployment configuration
在以下场景中使用本Skill：
  • 将Web应用部署到生产环境
  • 设置预发布/预览部署
  • 从其他托管服务迁移
  • 测试部署配置

What I do

功能说明

  • Detect framework from project structure (Next.js, Vite, Astro, etc.)
  • Validate deployment configuration
  • Generate deployment commands
  • Provide deployment URLs and settings
  • Handle environment variables and build settings
  • 根据项目结构检测框架（Next.js、Vite、Astro等）
  • 验证部署配置
  • 生成部署命令
  • 提供部署URL和设置
  • 处理环境变量和构建设置

Examples

使用示例

bash
undefined
bash
undefined

Deploy current directory to Vercel

将当前目录部署到Vercel

agent: Deploy this application to Vercel
agent: Deploy this application to Vercel

Deploy with specific settings

使用特定设置部署

agent: Deploy to Vercel with production environment variables
agent: Deploy to Vercel with production environment variables

Check deployment configuration

检查部署配置

agent: Check if this project is ready for Vercel deployment
undefined
agent: Check if this project is ready for Vercel deployment
undefined

Output format

输出格式

undefined
undefined

Vercel Deployment

Vercel 部署

Project Detected: Next.js 14 (App Router) Framework: @vercel/nextjs
Deployment Configuration:
  • Build Command: npm run build
  • Output Directory: .next
  • Node Version: 18.x
Deployment Commands:
bash
undefined
检测到的项目: Next.js 14 (App Router) 框架: @vercel/nextjs
部署配置:
  • 构建命令: npm run build
  • 输出目录: .next
  • Node版本: 18.x
部署命令:
bash
undefined

Install Vercel CLI

安装 Vercel CLI

npm i -g vercel
npm i -g vercel

Deploy

部署

vercel --prod

**Environment Variables Required:**
- DATABASE_URL
- API_KEY

**Next Steps:**
1. Set environment variables in Vercel dashboard
2. Run deployment command
3. Access deployment at: https://project-name.vercel.app
vercel --prod

**所需环境变量:**
- DATABASE_URL
- API_KEY

**后续步骤:**
1. 在Vercel控制台设置环境变量
2. 运行部署命令
3. 通过以下地址访问部署结果: https://project-name.vercel.app

Notes

注意事项

  • Requires Vercel CLI or GitHub integration
  • Supports automatic framework detection for 40+ frameworks
  • Handles both static sites and server-side applications
  • Provides claimable deployments for ownership transfer
  • 需要Vercel CLI或GitHub集成
  • 支持对40+种框架进行自动检测
  • 同时支持静态站点和服务器端应用
  • 提供可认领的部署以进行所有权转移