# Vercel

> Cloud platform for front-end developers providing deployment and hosting for web applications...

- Skill: `newkub/vercel` (Agent Skill, multi-file: 53 files)
- Install (CLI): `npx skillmds@latest add newkub/vercel`
- Raw SKILL.md: https://api.skillmd.com/api/skills/newkub/vercel/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: DevOps & Infra
- Author: newkub (https://skillmd.com/u/newkub)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/newkub/vercel

---

## Goal

ใช้ Vercel platform สำหรับ deploy และ host web applications ด้วย CI/CD, edge functions และ serverless APIs


## Scope

ใช้สำหรับการ deploy Next.js, React, Vue, Svelte apps ด้วย preview deployments และ global edge network


## Execute

### 1. Installation

Install Vercel CLI ด้วย `bun add -D vercel`

### 2. Login

Login ด้วย `bun vercel login`

### 3. Deploy

Deploy ด้วย `bun vercel`

### 4. Git Integration

ใช้ Git integration สำหรับ automatic deployments

### 5. Preview Deployments

ใช้ preview deployments สำหรับ testing

### 6. Environment Variables

Configure environment variables ใน dashboard

### 7. Edge Functions

ใช้ edge functions สำหรับ low latency

### 8. Image Optimization

ใช้ image optimization สำหรับ performance

### 9. Monitor

Monitor deployments ใน dashboard


## Rules

- ใช้ `bun add -D vercel` สำหรับ development
- ใช้ Vercel CLI สำหรับ local development
- ใช้ Git integration สำหรับ automatic deployments
- ใช้ preview deployments สำหรับ testing
- Configure environment variables ใน dashboard
- ใช้ edge functions สำหรับ low latency
- ใช้ image optimization สำหรับ performance
- Monitor deployments ใน dashboard


## Expected Outcome

- Instant deployments ด้วย Git integration
- Preview deployments สำหรับ collaboration
- Global edge network สำหรับ performance