vercel-deployment
Vercel Deployment
Deploy to Vercel with automatic project naming from the folder name and auto-disable of Vercel Authentication after deployment.
Workflow
Phase 1: Pre-flight Checks
- Verify Vercel CLI is installed (
vercel --version). If not:npm i -g vercel - Verify authentication:
vercel whoami. If not logged in:vercel login - Determine project name from the current working directory folder name using
basename "$(pwd)"
Phase 2: Deploy
Deploy using the --yes flag to skip interactive prompts. The project name is inferred from the folder name automatically.
Preview deployment (default):
vercel --yes
Production deployment:
vercel --yes --prod
The --yes flag auto-confirms project setup using the folder name as the project name.
Phase 3: Disable Vercel Authentication
After deployment, disable Vercel Authentication (SSO protection) so the deployment is publicly accessible without Vercel login.
Option A: Using the deploy script (preferred)
Run the bundled script which handles deployment + auth disable in one step:
# Set token for API access
export VERCEL_TOKEN="<token>"
# Optional: set team ID if using a team
export VERCEL_TEAM_ID="<team-id>"
# Preview deploy
bash scripts/deploy.sh /path/to/project
# Production deploy
bash scripts/deploy.sh /path/to/project prod
Option B: Manual API call after deploying
Use the Vercel API to disable ssoProtection on the project:
PROJECT_NAME=$(basename "$(pwd)")
curl -X PATCH "https://api.vercel.com/v9/projects/$PROJECT_NAME" \
-H "Authorization: Bearer $VERCEL_TOKEN" \
-H "Content-Type: application/json" \
-d '{"ssoProtection": null}'
For team projects, append ?teamId=<TEAM_ID> to the URL.
Option C: Using Vercel CLI curl
vercel curl -X PATCH "/v9/projects/$(basename "$(pwd)")" \
-H "Content-Type: application/json" \
-d '{"ssoProtection": null}'
Phase 4: Verify
- Confirm deployment URL is accessible without Vercel login
- Print the deployment URL for the user
Environment Variables
| Variable | Required | Description |
|---|---|---|
VERCEL_TOKEN |
For auth disable | API token from https://vercel.com/account/tokens |
VERCEL_TEAM_ID |
For team projects | Team ID from Vercel dashboard |
Notes
- The
--yesflag uses the folder name as the project name by default - If
VERCEL_TOKENis not set, deployment still works but Vercel Authentication won't be auto-disabled. Inform the user they can disable it manually in: Vercel Dashboard > Project > Settings > Deployment Protection > Vercel Authentication > Off - Setting
ssoProtectiontonulldisables Vercel Authentication for all deployments (preview and production)
More from alfredang/skills
github about
Auto-update GitHub repo description, live site URL, and topics. Analyzes your codebase to generate a compelling description, detects deployment URLs, and adds relevant topics. Use when setting up a repo, after deploying, or to polish your GitHub presence. Use when the user says "update github about", "update repo about", "set repo description", "add topics", "update about section", "github about", or any reference to updating a GitHub repository's about/description/topics/homepage.
36github push
Secure git push with automatic secret detection, README generation, and repository setup. Scans for secrets, auto-generates README, configures repo description/topics/discussions, and pushes to GitHub.
29notebooklm
Deep research and slide presentation generator using NotebookLM MCP. Performs deep research on topics, then generates professional slide presentations with white background and Arial font based on research sources.
27create github readme
Generate or update a professional GitHub README.md file following open standards with tech badges, architecture diagrams, auto-captured screenshots via Playwright MCP, setup instructions, and acknowledgements. Auto-pushes to GitHub after generation.
22linkedin-project-post
Generate exciting LinkedIn posts to showcase your vibe coding projects with emojis, hashtags, features, tech stack, and call-to-action for engagement.
19github pages
Deploy to GitHub Pages with auto-generated Actions workflow. Detects project type, creates deploy workflow, enables GitHub Pages and Actions automatically via API. Use when deploying static sites, React, Vite, or Next.js apps to GitHub Pages.
16