360 Secure SkillHub
360 安全技能中心

Vercel Config Generator

核心功能是一键生成专业的Vercel配置文件vercel.json,支持静态网站、Serverless Functions、Edge Functions等多种部署模式,适配Next.js、Vite等主流框架。用户通过命令行指定部署类型或框架即可获取输出,生成的配置包含构建命令、函数运行时、安全头等专业配置项,适用于各类项目部署Vercel前快速生成合规配置。

sunshine-del-ux
sunshine-del-ux
热度 58.12
最近更新 2026-05-11 17:28:23
分类:开发依赖:纯提示词应用场景:代码生成 / DevOps

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add vercel-config-generator
Metadata
name
vercel-config-generator
description
生成专业的 Vercel 配置文件 vercel.json,支持 Serverless Functions、Edge Functions、静态网站、SSR 等多种部署模式。
metadata
{"clawdbot":{"emoji":"▲","requires":{},"primaryEnv":""}}

Vercel Config Generator

生成专业的 Vercel 配置文件。

功能

  • ⚡ 一键生成配置
  • 🌐 多部署模式支持
  • ⚙️ Serverless 配置
  • 📦 边缘计算支持

部署模式

模式 说明
static 静态网站
serverless Serverless Functions
edge Edge Functions
swa Single Page App

使用方法

静态网站

vercel-config-generator --type static

Serverless

vercel-config-generator --type serverless

Edge Functions

vercel-config-generator --type edge

输出示例

{
  "buildCommand": "npm run build",
  "outputDirectory": "dist",
  "framework": null,
  "version": 2,
  "regions": ["iad1"],
  "functions": {
    "api/**/*.js": {
      "runtime": "nodejs18.x",
      "maxDuration": 10,
      "memory": 1024
    }
  },
  "headers": [
    {
      "source": "/(.*)",
      "headers": [
        {
          "key": "X-Frame-Options",
          "value": "DENY"
        },
        {
          "key": "X-Content-Type-Options",
          "value": "nosniff"
        }
      ]
    }
  ],
  "rewrites": [
    {
      "source": "/api/(.*)",
      "destination": "/api/$1"
    }
  ]
}

常见配置

React/Next.js

vercel-config-generator --framework nextjs

Vite

vercel-config-generator --framework vite

自定义

vercel-config-generator --type serverless --region iad1

部署

# 安装 Vercel CLI
npm i -g vercel

# 部署
vercel deploy

变现思路

  1. 模板销售 - 项目配置模板
  2. 咨询服务 - Vercel 部署咨询

安装

# 无需额外依赖