סיפור בנייה
אתר שהבעלים שלו מעדכן לבד, בבקשה בעברית ל־Claude
בנינו ביחד את אתר תיק העבודות של איתי שכטר, ראש תחום הסושיאל ב־V1, ואז העברנו אותו כולו לחשבונות שלו. היום הוא מעדכן אותו לבד: בקשה בעברית ל־Claude, קישור לתצוגה מקדימה, ורק אחרי "כן" השינוי באוויר.
| קומיט ראשון | |
|---|---|
| גרסה ראשונה שעובדת | |
| באוויר | |
| קומיטים ב־main | 62 |
| טכנולוגיות | Next.js · React · TypeScript · GitHub Actions · Vercel · Claude |
ערב אחד באוקטובר איתי שכטר כתב ל־Claude, בעברית, שהוא רוצה להוריד פריט אחד מ״עוד דברים שבניתי״ באתר שלו. כמה דקות אחר כך קיבל קישור לתצוגה מקדימה, ראה שזה נראה כמו שרצה, וענה ״כן״. דקה או שתיים אחר כך השינוי היה באתר החי. הוא לא פתח קוד. זה היה השינוי הראשון שעשה באתר בלי שאני נוגע בו.
לשם רצינו להגיע מההתחלה. איתי מוביל את הסושיאל של V1, אפליקציית החדשות, ובנה לה את הנוכחות ברשתות מאפס. הוא יודע בדיוק איך תוכן צריך להיראות, אבל הוא לא כותב קוד. הדרך לאתר שהוא מעדכן לבד עברה בכמה צורות של אותו אתר.
מאיפה יצאנו
במאי ישבנו על גרסה ראשונה. בניתי אותה מתוך ההארנס היצירתי שלי, אוסף הכלים, הכללים והידע שאני עובד איתו מול Claude. איתי הביא את מה שאף כלי לא יודע: מה הוא רוצה שאנשים יראו, באיזה סדר ובאיזה טון. באותו יום כבר הייתה גרסה שעובדת.
השאלה הקשה הייתה מה קורה למחרת. איתי עובד עם Claude ועם ChatGPT כל יום, והוא לא רצה לחכות לי כדי להחליף משפט.
קובץ אחד שה־AI שלו יודע לערוך
כך נולדה הצורה הראשונה: קובץ HTML אחד, ובתוכו הכול, כולל התמונות. בראש הקובץ כתבתי הערה ממוענת ישירות ל־AI שיערוך אותו: מה הקובץ הזה, אילו כללים אסור לשבור, ולמה כל חלק בעמוד מסומן בתווית משלו. ליד התמונה של איתי חיכתה הערה בעברית: הקוד הארוך שמתחת הוא התמונה עצמה, להשאיר כמו שהוא. איתי פתח את הקובץ בצ׳אט, ביקש שינוי וקיבל קובץ חדש.
משם זה היה הלוך ושוב. איתי שלח גרסאות, ואני הכנסתי אותן לעותק React שרץ באינטרנט, עם כלי שקורא את התוויות ומעביר כל חלק למקום שלו. ביוני הגיעה שכבת העיצוב: רקע של עשן זהוב שזז לאט, שם שהאותיות שלו נושמות דרך המשקל של הגופן, וקרוסלה של סרטוני הטיקטוק שלו.
למה זה הפסיק להספיק
פעם אחת צ׳אט של איתי נקטע באמצע עריכה וטען ששינויים נעשו, כשהם לא נעשו. תיקנו, אבל הבעיה נשארה. הקובץ שקל יותר מ־800 קילובייט כי התמונות ישבו בתוכו כטקסט, כל שינוי קטן כתב אותו מחדש מההתחלה, וצ׳אט יכול היה לאבד חצי שינוי בלי שאף אחד ישים לב.
באוקטובר העברתי את הגרסה האחרונה של איתי לפרויקט אמיתי ב־Next.js. הטקסטים עברו לקובץ תוכן אחד, ונוסף קובץ הוראות בשם AGENTS.md שכל כלי AI קורא לפני שהוא נוגע במשהו: איפה כל דבר נמצא, מה מותר לשנות ואיך מדברים עם איתי. כל שינוי עובר בדיקות אוטומטיות לפני שהוא מתקבל, כך ששינוי ששובר משהו נעצר לפני שהוא מגיע לאתר.
בקשה בעברית, תצוגה מקדימה, ו״כן״
היום זה נראה ככה. איתי פותח ב־Claude פרויקט בשם ״האתר שלי״, שמחובר לקוד דרך GitHub, וכותב מה הוא רוצה, למשל ״שהתמונה תהיה קצת יותר גדולה״. Claude מכין את השינוי בצד, ומגיע קישור לתצוגה מקדימה של האתר עם השינוי. Claude שולח את הקישור ושואל אם לעדכן את האתר החי. רק אחרי ״כן״ ברור השינוי נכנס לגרסה הראשית, ו־GitHub Actions מפרסם אותו לבד.
ה־AI מכין, איתי מחליט. ההוראות של הפרויקט אוסרות על ה־AI להשתמש בז׳רגון או לשלוח לאיתי קישורים למקומות שהוא לא צריך לראות. לפני שהעברנו את זה אליו, בדקתי את כל הדרך עם בקשות אמיתיות בעברית, גם ב־Claude וגם ב־ChatGPT.
הרשימה שעבדנו לפיה
להעביר אתר לבעלים שלו זה הרבה צעדים קטנים על שני מחשבים: עותק של הקוד בחשבון שלו, אחסון, מפתחות, דומיין וחיבור ל־Claude. מסמך רגיל מתיישן ברגע שמסך נראה אחרת ממה שכתוב בו, אז בניתי ב־Claude עמוד אחד שעבדנו לפיו ביחד.
כל צעד ברשימה קיבל מספר, כמו 3.2, כדי שנוכל לדבר על אותו צעד משני מחשבים. ליד כל צעד כתוב מי עושה אותו (אני, איתי או שנינו), ויש קישור ישר למסך הנכון. הסימונים נשמרים בתוך העמוד עצמו, כך ששנינו ראינו את אותה התקדמות. כשמסך ב־GoDaddy או ב־Vercel נראה אחרת ממה שכתבתי, עדכנתי את העמוד תוך כדי, והוא התעדכן אצל שנינו.
גם הסדר היה חלק מהתוכנית: קודם האתר רץ אצל איתי, אחר כך הדומיין, ורק בסוף מחיקה של העותקים אצלי, כך שהאתר לא נפל לרגע. והיו הפתעות. בתוכנית החינמית של Vercel, למשל, רק בעל החשבון יכול להעלות שינויים מקוד פרטי, אז שינוי שה־AI הכין לא עלה. הפתרון היה שהפרסום יעבור דרך GitHub Actions בשמו של איתי. הרשימה גדלה תוך כדי, עד שלב של גוגל: לחבר את האתר ל־Search Console ולשים את הכתובת בכל ביו.
מה יש לאיתי היום
הכול על החשבונות של איתי: הקוד, האחסון, הדומיין ו־Claude. המאגר שלי נשאר כתבנית שממנה הוא העתיק את הקוד, ואת השינויים היומיומיים הוא עושה לבד.
ומאז האתר המשיך להשתפר: נתונים מובנים שמספרים לגוגל מי זה איתי, מפת אתר, אייקונים שצוירו בשבילו, וטעינה מהירה יותר. בבדיקת המהירות של גוגל בטלפון הציון עלה מ־81 ל־87.
אתר בשביל מי שלא כותב קוד גמור רק כשהוא יכול לשנות אותו בעצמו, בלי לפחד שמשהו יישבר.
במילים של הלקוח
מדהים איך בר הצליח לקחת את הרעיון שהיה לי בראש ולהפוך אותו למציאות. בתור מי שעוסק המון בתוכן, לראות את האתר שלי קם לתחייה במהירות ובקלות כזאת הייתה חוויה מרגשת. בר הוא מקצוען אמיתי, ואני בהחלט אחזור לעבוד איתו!
איתי שכטר, ראש תחום הסושיאל ב־V1