deploy-vercel
starsforks
How to install deploy-vercel?
ominou5/funnel-architect-plugin/deploy-vercel
$npx -y skills add ominou5/funnel-architect-plugin --skill deploy-vercelDeploys funnel pages to Vercel. Covers CLI setup, project init, framework detection, environment variables, and custom domains.
SKILL.md
| 1 | # Deploy to Vercel |
| 2 | |
| 3 | Best for React/Next.js funnels and projects that benefit from edge functions. |
| 4 | |
| 5 | ## Prerequisites |
| 6 | - Node.js installed |
| 7 | - Vercel account (free Hobby tier works for funnels) |
| 8 | |
| 9 | ## Setup |
| 10 | |
| 11 | ```bash |
| 12 | # Install Vercel CLI |
| 13 | npm install -g vercel |
| 14 | |
| 15 | # Login |
| 16 | vercel login |
| 17 | |
| 18 | # Deploy (first time — will prompt for config) |
| 19 | vercel |
| 20 | |
| 21 | # Deploy to production |
| 22 | vercel --prod |
| 23 | ``` |
| 24 | |
| 25 | ## Configuration (`vercel.json`) |
| 26 | |
| 27 | ```json |
| 28 | { |
| 29 | "headers": [ |
| 30 | { |
| 31 | "source": "/(.*).html", |
| 32 | "headers": [{ "key": "Cache-Control", "value": "public, max-age=300" }] |
| 33 | }, |
| 34 | { |
| 35 | "source": "/(.*).css", |
| 36 | "headers": [{ "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }] |
| 37 | }, |
| 38 | { |
| 39 | "source": "/(.*).js", |
| 40 | "headers": [{ "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }] |
| 41 | } |
| 42 | ], |
| 43 | "redirects": [ |
| 44 | { "source": "/old-page", "destination": "/new-page", "permanent": true } |
| 45 | ], |
| 46 | "cleanUrls": true, |
| 47 | "trailingSlash": false |
| 48 | } |
| 49 | ``` |
| 50 | |
| 51 | ## Custom Domain |
| 52 | 1. Go to **Project settings → Domains** |
| 53 | 2. Add your domain |
| 54 | 3. Update DNS: add A record `76.76.21.21` or CNAME to `cname.vercel-dns.com` |
| 55 | 4. SSL is automatic |
| 56 | |
| 57 | ## Environment Variables |
| 58 | ```bash |
| 59 | # Add via CLI |
| 60 | vercel env add VARIABLE_NAME |
| 61 | |
| 62 | # Or via Dashboard: Project settings → Environment Variables |
| 63 | ``` |
| 64 | |
| 65 | ## Framework Support |
| 66 | Vercel auto-detects: Next.js, React (Vite/CRA), Astro, and static HTML. |
| 67 | No additional configuration needed for supported frameworks. |
People who liked this also viewed
6 picksType
- microsoft-foundryDeploy, evaluate, fine-tune, and manage Foundry agents end-to-end with azd: hosted agent scaffold/run/deploy, prompt agent create, batch eval, continuous eval, prompt optimizer, Agent Optimizer scaffoSkillsJul 2026
- azure-deployExecute Azure deployments for ALREADY-PREPARED applications that have existing .azure/deployment-plan.md and infrastructure files. DO NOT use this skill when the user asks to CREATE a new application SkillsJul 2026
- azure-preparePrepare azd-based Azure projects for deployment: generates azure.yaml, infrastructure (Bicep/Terraform), and Dockerfiles for the Azure Developer CLI (azd) workflow. USE ONLY when the user explicitly wSkillsJul 2026
- azure-validate--- name: azure-validate description: "Pre-deployment validation for Azure readiness. Run deep checks on configuration, infrastructure (Bicep or Terraform), RBAC role assignments, managed identity pSkillsJul 2026
- azure-aigatewayConfigure Azure API Management as an AI Gateway for AI models, MCP tools, and agents. WHEN: semantic caching, token limit, content safety, load balancing, AI model governance, MCP rate limiting, jailbSkillsJul 2026
- azure-hosted-copilot-sdkOfficial agent plugin providing skills and MCP server configurations for Azure scenarios.SkillsJul 2026
