המדריך הכי מפורט בעברית לבניית אתר או דף נחיתה מקצועי עם AI. מ-0 ועד אתר חי באוויר, עם Claude Code, Google Stitch, GitHub, Supabase ו-Vercel. כולל הסברים על כל כלי, פרומפטים מוכנים, וטיפים ממישהו שבונה ככה כל יום.
המדריך הזה כתוב לאנשים שמעולם לא בנו אתר. אם אתם כבר יודעים מה זה GitHub, אפשר לדלג ישר לשלב 4. לכל השאר - אני הולך להסביר כל דבר מאפס, בלי לדלג על כלום, ובלי להניח שאתם יודעים משהו.
למה דף נחיתה טוב שווה יותר מכל מודעה
אתם יכולים לשפוך אלפי שקלים על מודעות בגוגל ובפייסבוק, אבל אם דף הנחיתה שלכם לא עובד, הכסף הולך לפח. דף נחיתה טוב ממיר 5-10% מהמבקרים. דף גרוע? פחות מ-1%. על כל 1,000 מבקרים, זה ההבדל בין 50 לקוחות פוטנציאליים לבין 10.
עד לפני שנה, דף נחיתה מקצועי עלה 3,000-10,000 ש"ח אצל מעצב ומפתח. היום, עם הכלים הנכונים, אתם יכולים לבנות דף נחיתה ברמה גבוהה תוך שעה, בלי לדעת לתכנת, ובעלות של כמעט אפס.
וזה לא רק דפי נחיתה. באותו תהליך בדיוק אפשר לבנות אתר שלם עם כמה עמודים, בלוג, גלריה, עמוד שירותים, ואפילו אזור אישי ללקוחות. ההבדל היחיד הוא בכמות העמודים שתבקשו מ-Claude Code לבנות.
במדריך הזה אני אראה לכם בדיוק איך. צעד אחרי צעד, עם הסבר מפורט על כל כלי וכל שלב. אני בונה אתרים ודפי נחיתה ככה כל יום, אז כל מה שכתוב פה עובד בפועל.
שלב 1: הכרת הכלים - מה כל אחד עושה (ולמה צריך אותו)
לפני שמתחילים לבנות, בואו נכיר את הכלים. חמישה כלים, כל אחד עושה משהו אחר. אני הולך להסביר כל אחד בפירוט כי חשוב שתבינו את התמונה המלאה.
Claude Code - הבנאי שלכם
Claude Code הוא הלב של כל התהליך. זה כלי AI שכותב קוד בשבילכם. אתם מתארים מה אתם רוצים בעברית רגילה, והוא בונה את זה.
נשמע פשוט מדי? זה באמת ככה. אתם כותבים: "בנה לי דף נחיתה לאינסטלטור בתל אביב, עם טופס יצירת קשר וביקורות לקוחות". Claude Code מייצר את כל הקוד, מעצב את הדף, ומוכן לעלות לאוויר.
אבל Claude Code הוא לא רק בנאי. הוא גם יועץ. אתם יכולים לשאול אותו:
"תסתכל על הדף ותגיד לי מה אפשר לשפר" - והוא ינתח את הדף ויציע שיפורים
"תסביר לי מה עשית ולמה" - והוא יסביר כל החלטה שקיבל
"אני לא מבין מה לעשות עכשיו, תנחה אותי צעד אחרי צעד" - והוא ילווה אתכם בדיוק כמו מדריך אישי
"מה עוד חסר לדף הזה כדי שיהיה מקצועי?" - והוא ייתן רשימה מסודרת
טיפ חשוב: אל תפחדו לבקש ממנו הנחיה. אם אתם מרגישים אבודים בשלב כלשהו, פשוט תגידו: "אני מתחיל, תנחה אותי שלב אחרי שלב, תסביר כל דבר, ותשאל אותי שאלות לפני שאתה ממשיך". Claude Code יתאים את עצמו לרמה שלכם.
עלות: $20/חודש לתוכנית Pro (מספיק להתחלה), או $100/חודש ל-Max עם שימוש בלתי מוגבל. למדריך המלא על Claude Code.
GitHub - הכספת של הקוד שלכם
GitHub הוא המקום שבו הקוד של האתר שלכם נשמר. חשבו על זה כמו Google Drive, אבל במקום מסמכי Word, שם נשמר קוד.
למה צריך את זה?
גיבוי - הקוד שמור בענן. גם אם המחשב נפל לכם, הקוד בטוח
היסטוריה - כל שינוי שאי פעם עשיתם נשמר. שיניתם משהו והדף נשבר? אפשר לחזור אחורה לגרסה שעבדה בלחיצה
חיבור ל-Vercel - זה החלק הקריטי. Vercel (שרגע נסביר) מסתכל על GitHub. כל פעם שהקוד ב-GitHub משתנה, Vercel מעדכן את האתר אוטומטית. בלי שתצטרכו לעשות כלום
מה באמת תעשו ב-GitHub? כמעט כלום. Claude Code מנהל את GitHub בשבילכם. הוא שומר את הקוד, מעדכן שינויים, הכל אוטומטי. אתם צריכים רק לפתוח חשבון ולתת ל-Claude Code גישה.
עלות: חינמי לגמרי.
Vercel - האוויר שהאתר נושם בו
Vercel הוא השירות שמעלה את האתר שלכם לאינטרנט ומגיש אותו לגולשים. בלי Vercel, הקוד שלכם יושב ב-GitHub אבל אף אחד לא יכול לראות אותו.
למה Vercel ולא אחסון רגיל?
מהירות - Vercel מפיץ את האתר שלכם לשרתים בכל העולם. מבקר מישראל מקבל את האתר מהשרת הקרוב אליו, לא מאמריקה
אבטחה אוטומטית - המנעול הקטן ליד הכתובת בדפדפן? Vercel מוסיף את זה לבד. בלי זה גוגל מסמן את האתר כ"לא מאובטח"
עדכון אוטומטי - Vercel מחובר ל-GitHub. ברגע שהקוד משתנה, האתר מתעדכן לבד תוך דקה. בלי להעלות קבצים ידנית
מה באמת תעשו ב-Vercel? תפתחו חשבון עם GitHub (לחיצה אחת), תחברו את הפרויקט, וזהו. מפה הכל אוטומטי.
Vercel נותן כתובת חינמית כמו your-site.vercel.app. רוצים כתובת משלכם? קונים דומיין (50-100 ש"ח לשנה) ומחברים אותו. Claude Code ינחה אתכם.
עלות: חינמי. תשלמו רק עם מאות אלפי מבקרים בחודש.
Supabase - המקום שהלידים שלכם נשמרים בו
Supabase הוא בסיס נתונים בענן. נשמע מסובך? חשבו על זה כמו טבלת אקסל בענן, שהאתר שלכם כותב אליה אוטומטית.
למה צריך את זה? כי כשמישהו ממלא טופס באתר שלכם ("שם: ישראל ישראלי, טלפון: 050-1234567"), הנתונים צריכים להגיע למקום שאתם יכולים לראות אותם. Supabase הוא המקום הזה.
למה לא Google Forms? כי ב-Supabase הטופס נראה כחלק מהאתר (לא כטופס של גוגל), אתם שולטים במה שקורה אחרי שליחה (הודעת תודה, הפניה לוואטסאפ), ויש לכם ממשק נוח לצפייה בכל הלידים עם ייצוא לאקסל.
מה באמת תעשו? תפתחו חשבון, תיצרו פרויקט, תעתיקו שני מפתחות. Claude Code יעשה את כל השאר: ייצור טבלה, יחבר טופס, יגדיר הכל.
עלות: חינמי עד 50,000 לידים.
Google Stitch - המעצב
Google Stitch הוא כלי עיצוב חדש של גוגל שמייצר עיצובים באמצעות AI. במקום לשבת שעות על Figma או Canva, אתם מתארים מה אתם רוצים והכלי מייצר עיצוב מקצועי תוך שניות.
למה להתחיל מעיצוב ולא ישר מקוד? כי ככה אתם רואים את התוצאה הסופית לפני שמשקיעים זמן בבנייה. אם משהו לא עובד בעיצוב, קל לשנות. אם משהו לא עובד בקוד, זה כאב ראש.
עלות: חינמי.
איך חמשת הכלים עובדים ביחד?
הנה הזרימה המלאה:
Google Stitch - מעצב לכם את המראה של האתר (שלב אופציונלי אבל מומלץ)
Claude Code - בונה את האתר בפועל לפי העיצוב. כותב את כל הקוד
GitHub - Claude Code שומר את הקוד ב-GitHub (אוטומטי)
Vercel - רואה שיש קוד חדש ב-GitHub ומעלה את האתר לאוויר (אוטומטי)
Supabase - כשמבקר ממלא טופס באתר, הנתונים נשמרים ב-Supabase
אחרי ההגדרה הראשונית, הלולאה הזו אוטומטית לגמרי. אתם מדברים עם Claude Code, הוא משנה קוד, GitHub מתעדכן, Vercel מעלה את הגרסה החדשה. תוך דקה האתר מעודכן.
רוצים ללמוד את כל זה מ-0?
בסדנה שלנו אנחנו מלמדים אתכם לבנות אתרים ודפי נחיתה עם Claude Code, צעד אחרי צעד, עד שתוכלו לבנות כל דבר לבד.
נכנסים ל-Google Stitch ומתארים את הדף שאתם רוצים. הנה דוגמה לפרומפט טוב:
"דף נחיתה לשרברב בתל אביב. למעלה כותרת חזקה עם כפתור טלפון, תגי אמון (מורשה, מבוטח, 15 שנות ניסיון), סקשן ביקורות לקוחות, רשת שירותים עם אייקונים, וטופס יצירת קשר. עיצוב מודרני ונקי. צבעים כחול ולבן. מותאם למובייל."
רוצים אתר שלם ולא רק דף נחיתה? תבקשו כל עמוד בנפרד. למשל: "Homepage for a law firm with hero, practice areas, testimonials" ואז "About page with team photos and firm history" ואז "Contact page with form and map".
טיפים לתוצאות טובות ב-Stitch
תהיו ספציפיים - "modern website" זה מעורפל. "Landing page with hero, 3-column features grid, testimonial carousel, and contact form" זה מדויק
ציינו צבעים - "Blue and gold color scheme" נותן תוצאות הרבה יותר טובות מ-"nice colors"
תוסיפו industry context - "for a law firm" לעומת "for a skateboard shop" ייתן עיצובים שונים לגמרי
בקשו מספר גרסאות - תייצרו 3-4 גרסאות ותבחרו את הטובה ביותר
תשמרו את התוצאה - צילום מסך או הורדה. תשתמשו בזה בשלב הבא כהשראה ל-Claude Code
אין חובה להשתמש ב-Stitch. אם יש לכם אתר שאתם אוהבים ורוצים משהו דומה, תשלחו ל-Claude Code את הלינק ותגידו "בנה לי משהו בסגנון הזה". או פשוט תתארו בעברית מה אתם רוצים ותסמכו על Claude Code שיעצב.
לפני שמתחילים לבנות, חשוב להכיר כמה עקרונות בסיסיים. והנה החלק הטוב: אתם לא צריכים לזכור את כל זה בעל פה. פשוט תגידו ל-Claude Code: "תוודא שהדף עומד בכל כללי ההמרה והעיצוב הנכונים", והוא ידאג לביצוע. אבל ככל שתבינו יותר מה עובד, התוצאה תהיה טובה יותר.
7 הכללים שעושים את ההבדל
מעל ה-fold - 3 שניות להרשים - מה שהמבקר רואה בלי לגלול חייב לכלול: כותרת ברורה שמסבירה מה אתם מציעים, ולמה כדאי להישאר. אם זה לא ברור תוך 3 שניות, הוא יצא. דוגמה גרועה: "ברוכים הבאים לאתר שלנו". דוגמה טובה: "שירותי אינסטלציה 24/7 בתל אביב - מגיעים תוך 30 דקות"
כפתור פעולה (CTA) בולט - "שלח" זה לא מספיק. "קבלו הצעת מחיר חינם" זה כבר סיבה ללחוץ. שימו כפתור כזה למעלה, ועוד פעם למטה. הכפתור צריך לבלוט מכל השאר בצבע שונה
פחות זה יותר - אל תדחסו. רווחים בין החלקים, טקסט קצר וברור, מקסימום 2-3 צבעים. דף נחיתה הוא לא ויקיפדיה
תוכיחו שסומכים עליכם - ביקורות של לקוחות, מספרים (15+ שנות ניסיון, 500+ פרויקטים), לוגואים של שותפים. אנשים לא משאירים פרטים לזרים
מובייל קודם - 70% מהאנשים יראו את הדף מהטלפון. אם הכפתורים קטנים מדי או שצריך לזום כדי לקרוא, איבדתם אותם
מהירות טעינה - אם הדף לוקח יותר מ-3 שניות לטעון, מחצית מהמבקרים עוזבים. תמונות קלות, קוד נקי, בלי סקריפטים מיותרים. Vercel + Next.js (מה ש-Claude Code בונה) כבר דואגים לרוב הדברים האלה
טופס קצר - כל שדה נוסף בטופס מפחית את ההמרה ב-7-10%. שם, טלפון, ומייל - זה מספיק. את השאר תשאלו בשיחת הטלפון
בונים אתר שלם? תוסיפו גם: תפריט ניווט ברור (עד 7 פריטים), עיצוב אחיד בכל העמודים, עמוד "אודות" אנושי עם תמונה שלכם, ופוטר עם טלפון, מייל וכתובת בכל עמוד.
איך מתרגמים את כל זה עם Claude Code?
פשוט מתארים מה אתם רוצים בעברית רגילה. הנה כמה דוגמאות לפרומפטים:
לדף נחיתה:
"בנה לי דף נחיתה מקצועי לעסק של [התחום שלכם]. עיצוב נקי ומודרני. הדף בעברית מימין לשמאל. למעלה כותרת חזקה עם כפתור 'השאירו פרטים'. אחרי זה סקשן שירותים עם אייקונים, סקשן ביקורות לקוחות, וטופס יצירת קשר. צבעים: [הצבעים שבחרתם ב-Stitch]. תוסיף את העיצוב שצירפתי כהשראה."
לאתר שלם:
"בנה לי אתר מקצועי ל[סוג העסק שלכם]. 5 עמודים: דף ראשי, שירותים, אודות, בלוג, יצירת קשר. עיצוב מודרני ונקי, בעברית מימין לשמאל. תפריט ניווט למעלה, פוטר עם פרטי קשר למטה. צבעים: [צבעים]. בדף הראשי: כותרת חזקה, שלושה שירותים מרכזיים, ביקורות לקוחות, וכפתור CTA."
Claude Code מבין מה אתם רוצים ובונה את זה. אם משהו לא מוצא חן בעיניכם, פשוט תגידו: "תגדיל את הכותרת", "תשנה את הצבע של הכפתור", "תוסיף עוד רווח בין החלקים". אפשר לשאול אותו הכל.
לא בטוחים מה לבקש? פשוט תגידו ל-Claude Code:
"אני רוצה לבנות [דף נחיתה / אתר] ל[סוג העסק]. אני לא יודע מאיפה להתחיל. תשאל אותי שאלות על העסק שלי ותנחה אותי שלב אחרי שלב."
הוא ישאל אתכם מה העסק עושה, מי קהל היעד, מה המטרה של האתר, ויבנה הכל לפי התשובות. אתם לא צריכים להגיע עם תוכנית מוכנה.
שלב 4: הגדרת החשבונות (15 דקות, פעם אחת)
זה השלב הכי "טכני" במדריך, ואחריו הכל חלק. כל חשבון לוקח 2-3 דקות. ואם אתם מרגישים שאתם נתקעים, תפתחו Claude Code ותבקשו ממנו: "אני צריך לפתוח חשבון ב-[שם הכלי], תנחה אותי".
1. חשבון GitHub
היכנסו ל-github.com
לחצו Sign Up
הכניסו מייל, סיסמה, ושם משתמש (באנגלית, קצר וברור)
אשרו את המייל
זהו. לא צריך לעשות שום דבר אחר. Claude Code ייצור לכם את הריפו כשנגיע לשלב הבנייה
2. חשבון Vercel
היכנסו ל-vercel.com
לחצו Sign Up
בחרו "Continue with GitHub" - ככה Vercel כבר מחובר ל-GitHub שלכם, בלי הגדרות נוספות
אשרו את ההרשאות
זהו. Vercel מוכן
3. חשבון Supabase
היכנסו ל-supabase.com והתחברו עם GitHub
צרו פרויקט חדש (שם באנגלית, בחרו Region קרוב כמו West EU)
אחרי דקה, היכנסו ל-Settings > API והעתיקו את ה-Project URL וה-anon key
שמרו אותם. Claude Code יבקש אותם כשנחבר את הטופס
4. התקנת Claude Code
שתי אפשרויות:
האפשרות הקלה - הורידו את Claude Desktop מ-claude.ai. זו אפליקציה רגילה למחשב
האפשרות המתקדמת - התקינו Claude Code דרך הטרמינל (שורת פקודה). נותן יותר שליטה, אבל לא חובה
פתחו את Claude Code ואמרו מה אתם רוצים. אם השתמשתם ב-Stitch, צרפו את העיצוב. אם לא, פשוט תארו בעברית.
Claude Code ייצור את כל מבנה הפרויקט, יבנה את הדף/האתר, ויראה לכם תצוגה מקדימה. אם משהו לא בדיוק, פשוט אמרו מה לשנות.
דוגמאות לבקשות שינוי:
"הכותרת קטנה מדי, תגדיל אותה"
"הצבע של הכפתור לא מספיק בולט, תעשה אותו כתום"
"תוסיף סקשן עם מספרים - 15 שנות ניסיון, 500 פרויקטים, 98% שביעות רצון"
"הטופס צריך להיות יותר למעלה"
"תוסיף אנימציה עדינה כשגוללים למטה"
"תוסיף עמוד אודות עם הטקסט הזה: [טקסט]"
אפשר לשנות ולתקן כמה שרוצים. Claude Code לא מתעייף ולא נעלב. ככל שתהיו יותר ספציפיים, התוצאה תהיה יותר טובה.
שלב 5.2: חיבור הטופס ל-Supabase
כשהעיצוב מוכן, הגיע הזמן לחבר את הטופס. אמרו ל-Claude Code:
"תחבר את הטופס ל-Supabase. ה-URL של הפרויקט הוא [URL שהעתקתם] וה-anon key הוא [key שהעתקתם]. כל ליד שנכנס צריך להישמר בטבלה עם שם, טלפון, מייל, ותאריך."
Claude Code יעשה הכל: ייצור את הטבלה ב-Supabase, יכתוב את הקוד שמחבר את הטופס, ויוסיף הודעת תודה אחרי שליחה מוצלחת.
רוצים עוד? אפשר לבקש מ-Claude Code:
"תוסיף שליחת מייל אוטומטי ללקוח אחרי שממלא טופס"
"תוסיף הודעת וואטסאפ אוטומטית אליי כשנכנס ליד"
"תוסיף ולידציה לטופס - שהטלפון יהיה בפורמט ישראלי"
שלב 5.3: העלאה לאוויר
אמרו ל-Claude Code: "תעלה הכל ל-GitHub". הוא יעשה push לריפו. Vercel מזהה את השינוי אוטומטית ומתחיל לבנות את האתר.
תוך דקה-שתיים תקבלו לינק חי. זה האתר שלכם, באוויר, מוכן לקבל מבקרים.
רוצים דומיין משלכם? אמרו ל-Claude Code: "אני רוצה לחבר את הדומיין sheli.co.il ל-Vercel, תנחה אותי". הוא יסביר צעד אחרי צעד איפה להגדיר את ה-DNS.
שלב 5.4: בדיקות לפני שמפיצים
לפני שאתם שולחים את הלינק לעולם, תבדקו:
מלאו את הטופס בעצמכם - וודאו שהנתונים מגיעים ל-Supabase
בדקו בטלפון - לא בסימולטור, בטלפון האמיתי שלכם. לחצו על כפתורים, מלאו טופס, גללו
בדקו מהירות - האתר צריך לעלות תוך 2-3 שניות. אם זה איטי, אמרו ל-Claude Code: "הדף איטי, תבדוק ותשפר את המהירות"
בדקו שכל הלינקים עובדים - טלפון (שזה באמת מתקשר), וואטסאפ, ניווט בין עמודים
תנו למישהו אחר לנסות - בן/בת זוג, חבר, עובד. עיניים חדשות תופסות בעיות שאתם כבר לא רואים
שלב 6: מה עושים אחרי שהאתר באוויר
Google Analytics - אמרו ל-Claude Code: "תוסיף Google Analytics עם ה-ID הזה: G-XXXXXXXXXX". בלי זה אתם לא יודעים כמה אנשים נכנסים ומאיפה. אין לכם עדיין? Claude Code ינחה אתכם איך לפתוח חשבון.
Facebook Pixel - אם אתם מריצים מודעות, חיבור Pixel חובה. אמרו ל-Claude Code: "תוסיף Facebook Pixel עם ה-ID הזה: [ID]".
עדכונים שוטפים - רוצים לשנות טלפון? לעדכן מחירים? להוסיף עמוד? פותחים Claude Code, אומרים מה לשנות, ותוך דקה האתר מעודכן. בלי מעצב, בלי תשלום נוסף, בלי תלות באף אחד.
טעויות נפוצות - מה לא לעשות
יש לכם שאלה? בונים משהו ולא יודעים להמשיך?
קהילת BestAI בוואטסאפ, מאות יזמים ובעלי עסקים שמשתמשים ב-AI. שואלים, עונים, משתפים.
יותר מדי טקסט - דף נחיתה הוא לא מאמר. כל משפט צריך לעבוד קשה. אם אפשר להוריד מילה בלי לאבד משמעות, תורידו. כלל אצבע: אם צריך לגלול יותר מ-4-5 מסכים, הדף ארוך מדי
CTA חלש או מוסתר - "שלח" זה לא CTA טוב. "קבלו הצעת מחיר תוך שעה" זה כן. הכפתור צריך להיות הדבר הכי בולט בדף, ולהופיע לפחות 2-3 פעמים
טופס ארוך מדי - שם, טלפון, מייל. זה מספיק. כל שדה נוסף הורג המרה
התעלמות ממובייל - תבדקו את הדף בטלפון האמיתי שלכם. לא בכלי הדמיה של דפדפן, בטלפון
תמונות כבדות - תמונה של 3MB שלוקח 5 שניות לטעון הורגת לכם את הדף. אמרו ל-Claude Code: "תוודא שכל התמונות אופטימיזיות ובפורמט WebP"
בלי אלמנטי אמינות - ביקורות אמיתיות, מספרים, הסמכות, לוגואים. אנשים לא משאירים פרטים לזרים
כותרת גנרית - "ברוכים הבאים לאתר שלנו" לא אומרת כלום. "שירותי שרברבות 24/7 בתל אביב - מגיעים תוך 30 דקות" אומרת הכל
בלי מעקב - Google Analytics ו-Facebook Pixel מהיום הראשון. בלי נתונים, אתם עיוורים
מנסים לעשות הכל לבד - בשביל זה יש Claude Code. אם אתם נתקעים, תגידו לו "אני נתקע, תנחה אותי". אם אתם לא יודעים מה חסר, תגידו "תסתכל על האתר ותגיד לי מה אפשר לשפר". הוא שם בשביל זה
שאלות נפוצות
כמה זה עולה בסך הכל?
Claude Pro: $20/חודש (חובה). GitHub, Vercel, Supabase: חינמי. דומיין: 50-100 ש"ח לשנה (אופציונלי). סה"כ: כ-75 ש"ח לחודש, או חינמי אם יש לכם כבר מנוי Claude.
אני צריך לדעת לתכנת?
לא. בכלל לא. אתם מדברים עם Claude Code בעברית רגילה והוא עושה הכל. אם בא לכם להבין מה הוא עושה, שאלו אותו: "תסביר לי מה עשית ולמה, בשפה פשוטה". הוא יסביר.
כמה זמן לוקח לבנות דף נחיתה?
דף נחיתה בסיסי: 30-60 דקות. אתר שלם עם 5 עמודים: 2-3 שעות. הגדרת חשבונות (פעם ראשונה): 15 דקות. ככל שתתרגלו, זה הולך מהר יותר.
מה אם אני רוצה לשנות משהו אחרי שהאתר באוויר?
פותחים Claude Code, אומרים מה לשנות, והוא מעדכן. תוך דקה האתר החדש באוויר. אפשר לשנות כמה שרוצים, בלי עלות נוספת.
האם האתר יהיה ברמה של אתר מקצועי?
כן. Claude Code בונה אתרים עם Next.js, שזה אותו כלי שחברות כמו Nike, Netflix ו-Notion משתמשות בו. האתר יהיה מהיר, מותאם למובייל, עם קוד נקי.
אני נתקע ולא מצליח, מה עושים?
שלושה דברים:
אמרו ל-Claude Code: "אני נתקע ב-[מה שלא עובד], תנחה אותי צעד אחרי צעד"
שאלו בקהילה שלנו - יש שם אנשים שעברו את אותו תהליך
עיצוב - Google Stitch (או תיאור מילולי ל-Claude Code)
פתיחת חשבונות - GitHub, Vercel, Supabase (15 דקות, פעם אחת)
בנייה - מדברים עם Claude Code ומתארים מה רוצים
חיבור טופס - Claude Code מחבר ל-Supabase
העלאה לאוויר - push ל-GitHub, Vercel מעלה אוטומטית
בדיקות - מובייל, טופס, מהירות, לינקים
מעקב - Google Analytics ו-Facebook Pixel
כל הכלים חינמיים מלבד מנוי Claude ($20/חודש). והתוצאה לא נופלת מאתרים שעולים אלפי שקלים.
הדבר הכי חשוב לזכור: אתם לא לבד בתהליך הזה. Claude Code הוא לא רק כלי בנייה, הוא גם מדריך. בכל שלב שאתם לא בטוחים, תבקשו ממנו שינחה אתכם. הוא יסביר, ישאל שאלות, ויוביל אתכם עד שהאתר מושלם.
אגב, אם אתם רוצים לראות עוד מדריכים כאלה, כלים חדשים שיוצאים כל שבוע, וטיפים מעשיים - הצטרפו לקבוצת הוואטסאפ שלנו. שם אנחנו משתפים את מה שבאמת עובד, בלי בולשיט.
Claude Pro: $20/חודש (חובה). GitHub, Vercel, Supabase: חינמי. דומיין: 50-100 ש"ח לשנה (אופציונלי). סה"כ: כ-75 ש"ח לחודש, או חינמי אם יש לכם כבר מנוי Claude.
›אני צריך לדעת לתכנת?
לא. בכלל לא. אתם מדברים עם Claude Code בעברית רגילה והוא עושה הכל. אם בא לכם להבין מה הוא עושה, שאלו אותו: "תסביר לי מה עשית ולמה, בשפה פשוטה". הוא יסביר.
›כמה זמן לוקח לבנות דף נחיתה?
דף נחיתה בסיסי: 30-60 דקות. אתר שלם עם 5 עמודים: 2-3 שעות. הגדרת חשבונות (פעם ראשונה): 15 דקות. ככל שתתרגלו, זה הולך מהר יותר.
›מה אם אני רוצה לשנות משהו אחרי שהאתר באוויר?
פותחים Claude Code, אומרים מה לשנות, והוא מעדכן. תוך דקה האתר החדש באוויר. אפשר לשנות כמה שרוצים, בלי עלות נוספת.
›האם האתר יהיה ברמה של אתר מקצועי?
כן. Claude Code בונה אתרים עם Next.js, שזה אותו כלי שחברות כמו Nike, Netflix ו-Notion משתמשות בו. האתר יהיה מהיר, מותאם למובייל, עם קוד נקי.