שירה הקופירייטרית שעלתה לאוויר ב-12 דקות
שירה, קופירייטרית פרילנסרית מתל אביב, קיבלה ביום ראשון ב-21:00 בקשה דחופה: לקוח חדש רוצה לראות עמוד נחיתה לרעיון שלו לפני פגישה ביום שני ב-09:00. שלוש שעות ל-deploy חי. שירה לא מפתחת, היא יודעת לכתוב prompts. פתחה Claude Code בתיקייה חדשה, התקינה את ה-vercel plugin הרשמי, וכתבה: "בנה לי עמוד נחיתה ב-Next.js לרעיון של [LinkedIn brief מצורף]. צבעים: שחור-לבן עם accent ירוק זית. RTL עברית, hero + 3 features + טופס הרשמה." 8 דקות אחר כך הקוד היה מוכן. /deploy, ועוד 60 שניות אחר כך היה לה URL חי עם SSL: oz-coaching.vercel.app. שלחה ללקוח ב-21:13. תגובת הלקוח: "איך עשית את זה כל כך מהר?". תשובה כנה: היא לא עשתה, היא הרכיבה. וזה בדיוק ה-skill החדש.
מה זה ולמה זה משנה
Vercel היא פלטפורמת deploy שנולדה סביב Next.js (אותו צוות) והפכה לסטנדרט בתעשייה לאתרים ואפליקציות JavaScript. למה היא רלוונטית לישראלי: tier חינם נדיב באמת, bandwidth של 100GB לחודש, SSL חינם, preview URL אוטומטי לכל branch ב-git, ופרויקטים אישיים בלתי מוגבלים. אין credit card נדרש כדי להתחיל.
השינוי הגדול ב-Q1 2026 היה ההכרזה על plugin רשמי של Vercel ל-Claude Code. עד אז הצורך לעשות deploy מ-Claude היה לכתוב vercel deploy ידנית בטרמינל, לטפל ב-auth flow, ולוודא ש-environment variables מוגדרים. עם ה-plugin הזה, יש שלוש פקודות בלבד: /vercel-setup ל-link ראשוני, /deploy ל-push לפרודקשן, ו-/vercel-logs לראיית logs כשמשהו נשבר. הסוכן עצמו (Claude) מבין מתי להריץ אותן בלי שתבקש, אם הוא בנה project ואתה אומר "שים את זה online", הוא קורא ל-/deploy אוטומטית.
השילוב הזה הופך את ה-loop "רעיון → קוד → URL חי" מבין-יום (deploy ידני, DNS, SSL) לבין-דקות. זה משנה את האקונומיקה של MVPs: אתה יכול לבדוק 5 רעיונות בשבוע במקום 5 בחודש.
התקנה, שלב אחרי שלב
זמן ההתקנה הראשונית: 4 דקות, פעם אחת לכל המכונה. אחרי זה, deploy של כל פרויקט הוא 60 שניות.
# 1. הרשמה ל-Vercel דרך GitHub (פעם אחת)
# פותחים https://vercel.com/signup
# Sign up with GitHub -> אישור הרשאות
# 2. בתוך תיקיית הפרויקט, פתיחת Claude Code
cd ~/projects/my-landing
claude
# 3. התקנת ה-plugin הרשמי (פעם אחת)
/plugin install vercel@claude-plugins-official
# 4. חיבור הפרויקט הנוכחי ל-Vercel
/vercel-setup
# הסוכן יבקש: project name, framework (Next.js auto-detected),
# environment vars (אם יש)
# 5. Deploy ראשון לפרודקשן
/deploy
# פלט: https://my-landing-xxx.vercel.app, חי תוך 60 שניות
# 6. בדיקת logs אם משהו לא עובד
/vercel-logs --tailשני קבצים שכדאי לעשות במהלך /vercel-setup: .env.local מקומי לסודות (API keys, DB URLs) ו-.gitignore שכולל אותו. ה-plugin עצמו יזכיר לך, אבל הקפדה על זה מההתחלה חוסכת leaks אחר כך.
Workflow מעשי
תרחיש: לקוח רוצה landing page לקורס שלו. אתה מקבל ממנו brief בקובץ brief.md, 3 לוגואים של חברות שהשתתפו בפיילוט, ו-2 צילומי מסך מאתרים שהוא אוהב. בתוך תיקייה ריקה, פותח Claude Code:
Goal: ship a Hebrew landing page to production in under 15 minutes.
Attached: brief.md (positioning), logos/ (4 PNGs), refs/ (2 screenshots).
Stack: Next.js 15 App Router, Tailwind, shadcn/ui, RTL.
Deploy target: Vercel free tier, custom subdomain later.
Step 1: Read brief.md and propose a 3-section structure.
Step 2: Generate code with placeholders for logos.
Step 3: Run /vercel-setup to link project.
Step 4: Run /deploy to ship.
Return live URL when done.Claude יחזיר plan, תאשר, וב-12-15 דקות תקבל URL פעיל. ה-preview URL (my-landing-git-feature-x.vercel.app) נוצר אוטומטית לכל branch, מה שאומר שאתה יכול לשלוח ללקוח 3 גרסאות מקבילות לבדיקה.
Tradeoffs כנים
- Build minutes limit: ב-tier חינם יש 6,000 build minutes לחודש. נשמע הרבה, וזה הרבה לפרויקט קטן. אבל אם יש לך CI שרץ על כל commit ופרויקט עם build של 4-5 דקות, זה מסתיים מהר. נטר ב-dashboard.
- Functions לפי שימוש: Serverless functions חינמיות לתעבורה קטנה, אבל בקנה-מידה (10K+ invocations ביום) יכולות להגיע ל-$50-150 לחודש. תמחר את זה לפני שאתה בונה SaaS.
- RTL לא אוטומטי: Vercel לא קשור לזה ישירות, אבל ה-template ש-Claude מייצר ברירת מחדל באנגלית. ודא ש-
<html dir="rtl" lang="he">בקובץapp/layout.tsx. בלי זה, העברית תוצג שבורה. - Environment variables, אזור סכנה: אל תכניס secrets ל-git. השתמש ב-Vercel Dashboard > Project > Settings > Environment Variables. הסוכן ידע על זה, אבל אם תעקוף ותכניס API key ל-
.env.localשמסונכרן ל-git, הקוד שלך לעיני כולם. - v0 vs plugin: Vercel גם הוציאה את v0.dev, chat builder עצמאי שלהם. זה כלי שונה (לא Claude). ה-plugin שדיברנו עליו הוא לעבודה שלך עם Claude Code, לא דורש מעבר ל-v0.
טיפ מתקדם
הקסם האמיתי הוא ב-preview URLs לכל branch. צור branch חדש לכל וריאציה של copy/design, push, ותקבל URL נפרד תוך 60 שניות. שלח ללקוח 3 קישורים ב-WhatsApp במקום 3 PDFs עם screenshots. הלקוח לוחץ, רואה הכל חי על המובייל שלו, ועונה "גרסה ב". git checkout main && git merge feature-b && git push, וגרסה ב' היא הפרודקשן. ה-loop הזה הופך את הויכוח "איך זה ייראה?" ל-30 דקות במקום 3 ימים.
קישורי עזר
- vercel.com, הרשמה
- claude.com/plugins/vercel, דף ה-plugin הרשמי
- github.com/vercel/vercel-deploy-claude-code-plugin, source הקוד
- v0.dev, chat builder עצמאי של Vercel (כלי משלים)