איך בניתי את האתר הזה עם Claude Code - בלי סוכנות ובלי מעצב

האתר שאתם נמצאים בו עכשיו - כולל העמוד הזה - נבנה כולו בשיחות עם Claude Code. בלי סוכנות, בלי מעצב, בלי מפתח. הנה התהליך האמיתי, כולל מה שהלך פחות טוב.
שאהיה ברור: אני איש מכירות, לא מתכנת. מה שהשתנה בשנה האחרונה הוא שזה כבר לא מגביל. מתארים בעברית מה רוצים, מסתכלים על התוצאה, מתקנים. שוב ושוב, עד שזה מדויק.
הסטאק - פשוט בכוונה
- HTML/CSS/JS סטטי. בלי פריימוורק ובלי build. שלושה קבצים שאפשר להבין.
- GSAP לאנימציות - חשיפות בגלילה, מספרים שנספרים, קרוסלה.
- Vercel לאחסון ופריסה - פקודה אחת והאתר באוויר, כולל SSL ודומיין.
- תמונות אמיתיות מ-Unsplash - לא ג׳יבריש שנוצר ב-AI.
איך התהליך נראה בפועל
ככה זה עובד אצלי, צעד אחרי צעד:
- מתחילים ממשפט. ״אתר תדמית בעברית ובאנגלית, מינימליסטי, קרם וירוק, בלי קלישאות AI״. מקבלים גרסה ראשונה תוך שעה.
- מתקנים בקטן. כל בקשה ממוקדת: להזיז סקשן, להחליף כותרת, להגדיל כפתור במובייל. שינוי, פריסה, בדיקה. עשרות סבבים כאלה.
- שומרים נקודות חזרה. לפני כל שינוי גדול - גיבוי. פעם אחת ביקשתי שכתוב שלם של הטקסטים, שנאתי את התוצאה, וחזרנו אחורה בפקודה אחת.
- בודקים על טלפון אמיתי. חצי מהתיקונים שלי היו מובייל: כותרת קטנה מדי, פוטר שבור, תפריט מפוזר.
הטעות הכי חשובה שעשיתי: נתתי ל-AI לשכתב בבת אחת את כל הטקסט השיווקי. התוצאה הייתה ״נכונה״ - ובלי נשמה. את המלל בסוף כתבתי בעצמי, משפט-משפט. הכלי בונה מהר; את הקול שלכם רק אתם יודעים לכתוב.
כמה זה עלה
מנוי Claude, דומיין ב-GoDaddy, ו-Vercel בחינם ברמה הזאת. במקום עשרות אלפי שקלים לסוכנות - וכמה ערבים של עבודה שגם לימדו אותי המון על המוצר של עצמי.
רפרנסים
- Claude Code - התיעוד הרשמי
- מדריך Vercel לפריסת פרויקטים של Claude
- Build and Deploy a Website Using Claude Code - Medium
- GSAP - ספריית האנימציות
רוצים שנבנה ככה משהו לארגון שלכם? אשמח לדבר.
שיחת אפיון ללא התחייבות