Skip to content

Vercel Config Generator

Verified

Vercel Config Generator — backend & api tool. Supports Serverless Functions, Edge Functions, SSR.

88 downloads
$ Add to .claude/skills/

About This Skill

# Vercel Config Generator

生成专业的 Vercel 配置文件。

功能

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

部署模式

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

使用方法

静态网站

```bash vercel-config-generator --type static ```

Serverless

```bash vercel-config-generator --type serverless ```

Edge Functions

```bash vercel-config-generator --type edge ```

输出示例

```json { "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

```bash vercel-config-generator --framework nextjs ```

Vite

```bash vercel-config-generator --framework vite ```

自定义

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

部署

```bash # 安装 Vercel CLI npm i -g vercel

# 部署 vercel deploy ```

变现思路

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

安装

```bash # 无需额外依赖 ```

Use Cases

  • Generate vercel.json configurations for Serverless Functions and Edge Functions
  • Configure SSR settings and routing rules for Vercel deployments
  • Set up custom headers, redirects, and rewrites in Vercel configuration
  • Create build and output configurations for different framework deployments
  • Troubleshoot Vercel deployment issues by generating correct configuration

Pros & Cons

Pros

  • +Covers all three Vercel compute modes — Serverless, Edge, and SSR
  • +Bilingual support for Chinese and English users
  • +Addresses common Vercel configuration pain points

Cons

  • -Minimal description — unclear depth of configuration coverage
  • -No embedded templates or framework-specific presets

FAQ

What does Vercel Config Generator do?
Vercel Config Generator — backend & api tool. Supports Serverless Functions, Edge Functions, SSR.
What platforms support Vercel Config Generator?
Vercel Config Generator is available on Claude Code, OpenClaw.
What are the use cases for Vercel Config Generator?
Generate vercel.json configurations for Serverless Functions and Edge Functions. Configure SSR settings and routing rules for Vercel deployments. Set up custom headers, redirects, and rewrites in Vercel configuration.

100+ free AI tools

Writing, PDF, image, and developer tools — all in your browser.

Next Step

Use the skill detail page to evaluate fit and install steps. For a direct browser workflow, move into a focused tool route instead of staying in broader support surfaces.