מה זה
האתר שאתם קוראים בו עכשיו. הוא לא נבנה על תבנית מוכנה ולא על בונה אתרים, אלא נכתב מאפס: כל עמוד, כל אנימציה וכל שורת קוד. הוא נבנה עם Claude Code, מהאפיון והעיצוב ועד פונקציות השרת והסוכנים שמריצים אותו.
אבל החלק המעניין הוא לא איך הוא נראה. מאחורי האתר הזה עובדים סוכני AI ושרשרת אוטומציות שמריצות אותו כמעט לבד: חלק מדברים עם הגולשים, חלק כותבים את התוכן, והשאר דואגים שמה שמתפרסם יעלה לאוויר בלי שאף אחד יגע בקובץ.
הסוכנים שמריצים את האתר
ליבי, שעונה לגולשים
בפינת המסך יושבת ליבי. היא לא צ׳אטבוט עם תשובות כתובות מראש, אלא סוכנת AI שמכירה את התוכן החי של האתר: השירותים, המאמרים והפרויקטים נמשכים אליה מהמסד בכל שיחה. מפרסמים מאמר חדש, וליבי מכירה אותו בתוך חמש דקות, בלי שאף אחד מעדכן אותה.
היא עונה בעברית, ואם הגולש מתעניין היא אוספת ממנו פרטים ומעבירה אותם הלאה, כך שפנייה בשתיים בלילה לא הולכת לאיבוד.
מתחת למכסה המנוע יש שם כמה דברים שאתר סטטי לא יכול לעשות לבד. הבקשות לא הולכות ישירות לספק ה-AI אלא עוברות דרך שרת ביניים של האתר, כך שהמפתח אף פעם לא נמצא בדפדפן של הגולש. יש הגבלת קצב של 20 הודעות לשיחה ו-50 ליום, כדי שגולש אחד בלולאה לא ישרוף את המכסה החודשית. כל תור נרשם, אחרי שהתשובה כבר יצאה, כדי לא להאט אותה. וליבי מציגה את עצמה כסוכנת ולא כבן אדם, ומתבקשת במפורש לא לבקש פרטי אשראי, תעודת זהות או סיסמאות.
צוות הסוכנים שכותב את המאמרים
את הבלוג לא כותב סוכן בודד אלא כמה סוכנים שעובדים יחד, ומפיקים בסוף מאמר מותאם SEO בעברית. התוצאה לא נשלחת לאישור במסמך או במייל מצורף: הסוכנים מכניסים את המאמר בעצמם לפאנל הניהול כטיוטה, ורק אז נשלח מייל עם קישור אישור.
- לחיצה על "אשר" מפרסמת את המאמר, והאתר נבנה מחדש מעצמו. לא צריך להיכנס לשום מקום.
- תשובה למייל עם הערות מחזירה את המאמר לתיקון, עם ההערות מצורפות, והסוכנים כותבים גרסה חדשה.
- כל המאמרים שבאתר פורסמו דרך המסלול הזה.
קישור האישור מאובטח בטוקן חד-פעמי ששמור בשורה של המאמר עצמו, אותו מודל אמון של קישור איפוס סיסמה: מי שיש לו את הקישור, ורק הוא, יכול לאשר. הערוץ שמחזיר הערות מזוהה בסוד משותף, כי מי שקורא לו הוא אוטומציה ולא אדם מחובר.
ולא רק הם
אלה הסוכנים שגולש פוגש או קורא. מאחורי הקלעים רצים נוספים, על משימות שאף אחד לא אמור לראות: בדיקות, תחזוקה, וניטור של מה שקורה באתר.
סטטיסטיקות: מי נכנס, מאיפה, ולאן
בפאנל יש לשונית סטטיסטיקות שמראה מה באמת קורה באתר, לשבעה ימים, לשלושים או לתשעים:
- כמה צפיות, כמה מבקרים, ממוצע יומי ויום השיא
- גרף כניסות יומי
- העמודים הנצפים ביותר
- מאיפה הגיעו: חיפוש, רשתות, וואטסאפ, כניסה ישירה, וגם צ׳אטים של AI, כך שאפשר לראות תנועה שהגיעה משיחה עם מודל ולא רק מגוגל
- פילוח מכשירים ומדינות
הכל נספר על ידי האתר עצמו. אין גוגל אנליטיקס, אין עוגייה, ואין ספק חיצוני שמקבל את הנתונים.
מה קורה ברגע שלוחצים פרסום
זו השרשרת שמחברת את הכל, ואף שלב בה אינו ידני:
- הפאנל כותב את התוכן למסד הנתונים.
- פונקציה בשרת מוודאת שמי שלחץ הוא באמת מנהל, ורק אז מפעילה בנייה חדשה.
- סקריפטי הבנייה מושכים את כל התוכן המפורסם וכותבים מחדש את עמודי האתר כקבצים סטטיים.
- מפת האתר לגוגל נכתבת מחדש לבד, מכל מה שפורסם.
- ליבי מקבלת את התוכן החדש בשיחה הבאה שלה.
התוצאה היא שילוב שרוב האתרים מוותרים עליו: מהירות של אתר סטטי, שנטען מיד ולא פונה למסד בזמן שגולש נכנס, יחד עם ניהול תוכן של מערכת מלאה.
הכל נערך מהדפדפן, בלי מפתח
פאנל הניהול מחולק לחמישה חלקים: מאמרים, שירותים, פרויקטים, המלצות וסטטיסטיקות. כותבים מאמר בעורך טקסט עשיר, מעלים תמונה, לוחצים פרסום, ומכאן השרשרת שלמעלה עושה את השאר. אותו דבר לשירות חדש, לפרויקט חדש או להמלצה של לקוח.
עוד אוטומציות שרצות ברקע
- ספירת כניסות בלי עוגיות. כתובת ה-IP משמשת רגע אחד לחישוב קוד יומי מגובב בשרת ואז נזרקת, והקוד מתחלף בכל חצות ישראלי, כך שאי אפשר לחבר בין ביקור של היום לביקור של מחר.
- נעילת התחברות לפאנל. אחרי עשרה ניסיונות כושלים הגישה נחסמת לשעה, והספירה נאכפת בשרת ולא בדפדפן, כך שניקוי הזיכרון המקומי לא עוזר.
- מפת אתר שנבנית מעצמה מכל מה שמפורסם, כולל מאמרים, שירותים ופרויקטים.
- סימון מובנה לגוגל שנוצר אוטומטית לכל מאמר, שירות ופרויקט.
נגישות
באתר יש ווידג׳ט נגישות מלא: הגדלת טקסט, ניגודיות גבוהה, גווני אפור, הדגשת קישורים, עצירת אנימציות והגדלת ריווח השורות. ההגדרות נשמרות לביקורים הבאים, ואפשר גם להסתיר את הכפתור עצמו. לצידו יש הצהרת נגישות מלאה.
מה עוד יש בפנים
- עברית ו-RTL מלאים, כולל טיפוגרפיה שנבחרה לעברית ולא הותאמה בדיעבד
- בנוי לנייד לפני שהוא בנוי למסך גדול
- סרטון פתיחה בעמוד הבית, עם מעבר רך אל האתר עצמו
- המלצות לקוחות בקרוסלה, שמנוהלות גם הן מהפאנל
- עמוד פרויקטים עם תג "למכירה" למה שמוכן להזמנה
הטכנולוגיה שמאחוריו
| שכבה | טכנולוגיה |
|---|---|
| פיתוח | נבנה עם Claude Code |
| צד לקוח | HTML ו-JavaScript שנכתבו ביד, Tailwind v4, בלי פריימוורק |
| תוכן | Supabase (PostgreSQL) עם Row Level Security |
| בנייה | סקריפטים ב-Node שמושכים מהמסד וכותבים קבצי HTML סטטיים |
| סוכנים | סוכני AI שרצים ב-Make, מחוברים לאתר דרך Supabase Edge Functions |
| אוטומציות | פונקציות שרת לצ׳אט, לאישור מאמר במייל, לקליטת הערות לתיקון, להפעלת בנייה, לספירת כניסות ולנעילת התחברות |
| אירוח ופריסה | Vercel. דחיפה ל-GitHub מפעילה בנייה אוטומטית |
רוצים אתר כזה?
האתר הזה נבנה מאפס, מהאפיון ועד העלייה לאוויר, וכל מה שמופיע כאן אפשר לבנות גם לעסק אחר: אתר תדמית עם פאנל ניהול, סוכנת AI שמכירה את התוכן שלכם ועונה לגולשים, סוכנים שמייצרים לכם תוכן ומבקשים אישור במייל, או שילוב של השלושה. אם יש לכם אתר קיים שאף אחד לא מתחזק, או שאין לכם אתר בכלל, זה המקום להתחיל בו שיחה.
