Funnel-architect-plugin deploy-vercel

install

source · Clone the upstream repo

git clone https://github.com/ominou5/funnel-architect-plugin

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/ominou5/funnel-architect-plugin "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/deploy-vercel" ~/.claude/skills/ominou5-funnel-architect-plugin-deploy-vercel && rm -rf "$T"

manifest: skills/deploy-vercel/SKILL.md

source content

Deploy to Vercel

Best for React/Next.js funnels and projects that benefit from edge functions.

Prerequisites

Node.js installed
Vercel account (free Hobby tier works for funnels)

Setup

# Install Vercel CLI
npm install -g vercel

# Login
vercel login

# Deploy (first time — will prompt for config)
vercel

# Deploy to production
vercel --prod

Configuration (

vercel.json

)

{
  "headers": [
    {
      "source": "/(.*).html",
      "headers": [{ "key": "Cache-Control", "value": "public, max-age=300" }]
    },
    {
      "source": "/(.*).css",
      "headers": [{ "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }]
    },
    {
      "source": "/(.*).js",
      "headers": [{ "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }]
    }
  ],
  "redirects": [
    { "source": "/old-page", "destination": "/new-page", "permanent": true }
  ],
  "cleanUrls": true,
  "trailingSlash": false
}

Custom Domain

Go to Project settings → Domains
Add your domain
Update DNS: add A record
```
76.76.21.21
```
or CNAME to
```
cname.vercel-dns.com
```
SSL is automatic

Environment Variables

# Add via CLI
vercel env add VARIABLE_NAME

# Or via Dashboard: Project settings → Environment Variables

Framework Support

Vercel auto-detects: Next.js, React (Vite/CRA), Astro, and static HTML. No additional configuration needed for supported frameworks.