במאמר אסקור 6 פרויקטים אמיתיים שנבנו בוייב קודינג, הצצה "למאחורי הקלעים" של הרמת פרויקט כזה ועל הדרך כמה טיפים לעבודה מוצלחת עם Vibe Coding.
רגע, מה זה בעצם וייב קודינג?
וייב קודינג (Vibe Coding) הוא השם הלא רשמי אבל המאוד מדויק לבניית אפליקציות ואתרים ללא קוד בעזרת כלי No Code שמסוגלים להבין בטקסט פשוט (פרומפטים) מה אנחנו רוצים לפתח, ולבנות את הדבר הזה בדקות בודדות. יאללה מתחילים!
פרויקט 1: דף המלצות דינמי לפי קהלי יעד
מה בנינו פה?
דף המלצות אינטראקטיבי שמותאם לכל סוג של לקוח פוטנציאלי. במקום לשלוח לכל ליד את כל ההמלצות שלנו (שחלקן לא באמת רלוונטיות אליו) המשתמש בוחר את ה"סגמנט" שמתאר אותו (שכיר\ת,, עצמאי\ת, איש/אשת דיגיטל ...) ורואה רק את ההמלצות שרלוונטיות.
באיזה כלים השתמשתי?
- טקטיק (Tactiq ai) לתמלול סרטוני היוטיוב של ההמלצות
- צ'אט GPT לסיכום ההמלצות ומציאת משפטי מפתח
- סופה בייס (Supabase) ככלי בק אנד לאחסון הדאטא
- וכמובן Lovable לבניית הפרויקט
טיפים על הדרך
- לבנות כל פרויקט עם דאטא בייס כבר מהשלבים הראשונים (היום כבר יש ל - Lovable דאטא בייס פנימי אז בגדול לא צריך את Supabase)
- אחרי הסקיצה הראשונית להביא לכמה לקוחות לתת חוות דעת. אף פעם לא "להתאהב" בתוצר שבנינו אלא לתת לאווטאר שלנו (הלקוח האידיאלי) לקבוע אם זה מדבר אליו או לא.
הצצה לפרויקט
פרויקט 2: דף נחיתה לגן ילדים בקופנגן
מה בנינו פה?
דף תדמית בסיסי לגן חב"ד בקופנגן - כולל שאלות נפוצות, תיאור הגן וקצת תמונות. נבנה (באהבה ובהתנדבות) כדי לתת מענה בסיסי להורים שרוצים קצת מידע על המקום.
באיזה כלים השתמשתי?
- צ'אט GPT בשביל הפרומפט
- וכמובן Lovable
טיפים על הדרך
כדי לעזור ל-Lovable לקלוע לעיצוב שרצינו ממליץ בחום לעשות העתק הדבק לאיזה רפרנס שאהבנו וככה הוא ידע מה הכיוון המועדף עלינו. כדאי גם לתאר את העיצוב במילים כמו: יוקרתי, נקי, מקצועי וכו'.
קבלו עוד טיפ חזק: להיכנס לאתר שאהבתם, ולראות איזה אלמנטים אתם רוצים לשלב באתר שאתם בונים. Lovable באמת יודע לעשות הכל: פופאפ, כפתור ווצאפ, שליחת וובהוק אחרי מילוי טופס ויציאת אוטומציות עסקיות, בקיצור - הכל!
הצצה לפרויקט
פרויקט 3: דשבורד ניהולי מותאם אישית -Control Center
מה בנינו פה?
מערכת דשבורדים עסקית שמציגה נתוני מכירות, לידים, קמפיינים, ביצועי נציגים, הכנסות, תובנות מ-AI ועוד.
המידע מחובר למערכות ה-CRM של העסק ובמקביל מכיל מידע ממערכות הפרסום כדי לתת תמונה עדכנית של המרקטינג.
באיזה כלים השתמשתי?
- צ'אט GPT לאפיון הדאשבורד ועזרה עם הפרומפטים
- סופה בייס (Supabase) כדאטא בייס (למרות של-Lovable כבר יש דאטא בייס משלה)
- ואיך לא - Lovable לבניית פרויקט וייב קודינג לא פחות ממושלם!
טיפים על הדרך
בניית דאשבורד ושימוש שוטף בהם תהיה תמיד לפי השלבים הבאים:
אפיון, איסוף נתונים, הצגה גרפית, ניתוח דאטא
שעובדים עם וייב קודינג אפשר להיעזר בכלים ה-AI המדהימים שיש היום לכל אחד מהשלבים!
לאפיין עם GPT איזה מדדים, טבלאות, KPI"s חשוב לי לראות בעסק שלי
להזין את כל הדאטא בעזרת MAKE לדאטא בייס שאני עובד איתו
להרים דאשבורד יפייפה בעזרת Lovable
וכמובן לקרוא את הנתונים בעזרת פיצ'ר ה-AI שמראה לי תובנות על הדאטא ברמה של אנליסט בכיר
הצצה לפרויקט
פרויקט 4: אתר חדש לאשתי
מה בנינו פה?
אתר תדמית חדש לאשתי למור, אשתי האהובה, שפתחה פה בקופנגן קליניקה לטיפולי רייקי ומעגלי נשים, אימהות והריוניות.
באיזה כלים השתמשתי?
- צ'אט GPT עזר לי לבנות את המבנה של האתר ולנסח את הפרומפט לקו העיצובי
- וכמובן את האתר עצמו בניתי עם Lovable
טיפים על הדרך
כמו שאמרתי בסעיף 2, ממליץ בחום לעבור על כמה אתרים ולכתוב רשימה של דברים שאהבנו ושאנחנו רוצים לשלב באתר החדש שלנו.
משהו נוסף, לבקש כבר בהתחלה שתהיה התאמה מושלמת למובייל!
הצצה לפרויקט
פרויקט 5: אתר תוכן למשפחות שלקראת רילוקיישן לתאילנד
מה נבנה?
פרויקט חדש שבניתי כדי לעזור למשפחות שעושות רילוקיישן לתאילנד ומרכז מדריכים, מידע וטיפים כדי לעשות את המעבר בצורה הכי חלקה שאפשר. האתר מתאים גם לנוודים דיגיטליים ובגדול לכל מי שעובר לגור בתאילנד לתקופה ארוכה.
באיזה כלים השתמשתי?
- כמו תמיד, GPT עזר לי עם כתיבת הפרומפטים והקופי לדפים
- כלי יצירת תמונות כמו Canva, Nano Banana
- דאטא בייס פנימית של Lovable
טיפים על הדרך
- נכון לכתיבת שורות אלה האתר ממש בשלבי הקמה, וכבר עכשיו אני יכול להגיד שאם אחת המטרות של האתר היא קידום בגוגל לבנות את האתר עם דגשים ל-SEO. בגדול פשוט כותבים בצ'אט ב-Lovable שיבצע התאמות SEO לאתר ובעיקר מתייעצים עם מקדם אתרים תותח (ההמלצה האישית שלי היא על דוד מאייר שעוזר לי עם הקידום כבר כמה שנים)
הצצה לפרויקט
פרויקט 6: Automation Box -מרחב לימודי מבוסס AI לקהילת התלמידים של אוטומיישן סקול
מה בנינו פה?
ממשק ייעודי לתלמידי קורס אוטומציה עסקית אצלנו ב-Automation School שכולל בוט AI למענה על שאלות מקצועיות ועסקיות, כל השאלות והתשובות ממפגשי הזום וקבוצת הווצאפ (הסופר פעילה יש לציין), לוח קהילה, בנק אוטומציות להורדה ועוד.
באיזה כלים השתמשתי?
- כמובן ש-GPT עזר לי לתכנן, לאפיין ולכתוב את הפרומפטים
- סוכן AI של GPT שיודע לענות על שאלות של תלמידים לפי דאטא בייס שהגדרתי לו
- סופה בייס כדאטא בייס לפרויקט
- וכמובן Lovable
טיפים על הדרך
אני בטוח שהמוח הגאוני שלכם חושב על רעיונות מופלאים, אבל הכי חכם, מהיר ופשוט זה לשאול את הקהל שלנו מה הוא רוצה: לפעמים פיצ'ר מפואר שאנחנו מתים עליו יהיה לא שימושי בעליל, אבל משהו קטן שיקח לנו 5 דקות לפתח יהיה פרקטי בטירוף ללקוחות שלנו. גם כאן - הקשבתי מה התלמידים באמת רוצים במקביל לשגעונות שלי 😉
בפרויקט הזה בניתי קונספט גאוני (מקשה להחמיא לעצמי) שהולך ככה:
הדאטא בייס של הבוט שעונה לתלמידים הוא דאטא בייס דינמי שמתעדכן מקבוצת הווצאפ שלנו ומפגשי הזום!
במילים אחרות, שאלות ותשובות שעולות ביום יום בקהילת הווצאפ ובזומים השבועיים נכנסות באופן אוטומטי למאגר מידע של הבוט (קסמים של אוטומציה ו-AI).
הצצה לפרויקט
איך ללמוד וייב קודינג?
כמו כל תחום בדיגיטל - אפשר ללמוד לבד ואפשר לעשות את זה ברמה מקצועית - השאלה מה המטרה.
אצלנו באוטומיישן סקול נפתח לאחרונה קורס וייב קודינג שמלמד את התחום באופן מקיף, החל מאפיון פרויקטים ועד בניית דפי נחיתה, אתרים, אפליקציות לשימוש עסקי, סוכני AI ותוכן נוסף.
שאלות שאולי עולות לכם בראש כרגע
מה זה וייב קודינג?
הדרך הכי מומלצת להרים דפי נחיתה, אתרים ואפליקציות דיגטליות ב-2026 בעזרת פרומפטים שמייצרים את מה שאנחנו רוצים, ללא צורך בכתיבת שורה אחת של קוד.
האם צריך לדעת תכנות כדי לעבוד עם LOVABLE?
ממש לא. אבל מי שמבין תהליכים, שיווק, ואוטומציות כנראה יתקדם מהר יותר. בכל מקרה
המערכת מאוד פשוטה ובאמת שכל אחד עם רקע טכני בסיסי יכול להתחיל ולאט לאט לבנות פרויקטים מורכבים יותר
כמה זמן לוקח לבנות פרויקט Vibe Coding?
כמובן שהתשובה משתנה בהתאם למורכבות של הפרויקט ולנסיון של מי שבונה אותו: דפי נחיתה פשוטים יכולים לקחת פחות משעה, אפליקציות דיגיטליות יכולות לקחת כמה ימים, ומערכות SAAS מורכבות כמה שבועות ואפילו כמה חודשים.
מה שבטוח - הבנייה מהירה משמעותית מכתיבת קוד במיוחד למי שאין נסיון בתחום.
האם אפשר למכור את מה שאני בונה?
כן! אם בנית מערכת שיש לה ערך ופותרת בעיה בצורה מספיק טובה אפשר להפוך אותה ל-SAAS ולקוחות ישמחו לשלם עליה.
מה ההבדל בין וייב קודינג ל-No Code?
בגדול שניהם לא דורשים ידע בקוד, ההבדל הוא שכלי וייב קודינג (כמו Lovabe) בונים לנו את מה שנאחנו רוצים מאפס בעוד שמערכות נו קוד (כמו Adalo) דורשות ידע בבנייה ויזואלית ואפיון מתקדם של מערכות. בקיצור, וייב קודינג עושה לנו את החיים הרבה יותר קלים!
