דף הסיכום של המפגש האחרון, וזה שכדאי לשמור הכי קרוב: כל התהליך לבניית אתר פורטפוליו עם Claude Code והעלאה שלו לאינטרנט עם Netlify, עם ה-prompt המלא מוכן להעתקה. תחזרו לדף הזה בכל פעם שתרצו לעדכן את האתר.
אתם לא צריכים לדעת עיצוב או CSS כדי שיהיה לכם אתר. מתארים ל-Claude מי אתם ומה הפרויקטים שלכם, הוא בונה את האתר, אתם משפרים בסבבים קצרים, וגוררים את התיקייה ל-Netlify. מרגע זה יש לכם כתובת אינטרנט אמיתית ששולחים למעסיקים, לחברים, ולמשפחה.
index.html אחדלמה קובץ אחד? אתר של index.html יחיד קל לפתוח, קל לתקן, וקל להעלות. כשהאתר יגדל ויהיה מורכב יותר, Claude כבר יפצל אותו לקבצים לבד. מתחילים פשוט.
פתחו תיקייה חדשה (למשל my-site), הריצו בה claude, והדביקו את התבנית אחרי שהחלפתם את הסוגריים המרובעים בפרטים שלכם:
יש לכם חומרים? שימו תמונה שלכם או צילומי מסך של הפרויקטים בתיקייה, וכתבו ל-Claude: "יש בתיקייה תמונה בשם photo.jpg, שלב אותה באתר". קישורים ל-GitHub ול-LinkedIn משדרגים מאוד. ואם אין העדפת סגנון, כתבו: "בחר אתה סגנון נקי שמתאים לפורטפוליו של סטודנט להנדסה".
פותחים את index.html בדפדפן (דאבל-קליק על הקובץ), מסתכלים, ומבקשים שינוי אחד בכל פעם. אחרי כל בקשה: F5 בדפדפן ורואים את השינוי. 3-4 סבבים כאלה והאתר נראה מקצועי. בקשות לדוגמה, מוכנות להעתקה:
| פריסה | "הפוך את כרטיסי הפרויקטים לשלושה טורים במקום רשימה." |
| ניווט | "הוסף למעלה תפריט עם קישורים לחלקים של הדף." |
| יצירת קשר | "תוסיף בסוף חלק יצירת קשר עם המייל וה-LinkedIn שלי." |
| מובייל | "תבדוק שהאתר נראה טוב גם במובייל, ותקן אם צריך." (מעסיקים פותחים בטלפון) |
| סגנון | "החלף את הצבע המוביל לכחול כהה, ותגדיל את הכותרת הראשית." |
ההרגל של מקצוענים: בקשה קטנה, בדיקה בעיניים, בקשה קטנה. אל תבקשו "תשפר את הכל", כי לא תדעו מה השתנה ולמה.
netlify.com, הכי מהיר עם חשבון Google. בלי כרטיס אשראי. החבילה החינמית מספיקה בשפע לאתר אישי.app.netlify.com/drop וגוררים את כל התיקייה (זו שמכילה את index.html, לא את הקובץ לבד) אל הדפדפן.yourname-portfolio.netlify.app. זו הכתובת ששמים בקורות חיים.זה כל התהליך. בלי git, בלי טרמינל, בלי הגדרות DNS. יש גם חלופות (GitHub Pages, Vercel) והעיקרון זהה: תיקייה נכנסת, כתובת יוצאת.
| Claude בנה הרבה קבצים / React | בקשו ממנו: "תאחד הכל לקובץ index.html יחיד, בלי frameworks." |
| העברית הפוכה או מיושרת שמאלה | בקשו: "תוודא שה-html מוגדר dir="rtl" ו-lang="he"." |
| Netlify לא מקבל את הגרירה | ודאו שאתם גוררים את התיקייה (או zip שלה), לא את קובץ ה-index.html לבד. |
| Netlify מבקש התחברות באמצע | דלגתם על ההרשמה. הירשמו ב-netlify.com עם Google, וחזרו ל-app.netlify.com/drop. |
| אין לכם 3 פרויקטים מוכנים | פרויקט מקורס, תחביב אחד, והקורס הזה עצמו. שלושה משפטים של שורה אחת מספיקים לגרסה ראשונה. |
| האתר מכוער בגרסה הראשונה | נורמלי לגמרי. זה מה שסבבי השיפור פותרים. תקנו את הדבר הכי צורם קודם, ותמשיכו. |
שימו לב למסלול: קודם למדתם לדבר איתו, אחר כך הוא למד לזכור אתכם, אחר כך קיבל ידיים, והיום שלחתם מוצר לעולם. זה התהליך של עבודה עם AI בכל תחום שתגיעו אליו.
CLAUDE.md. ככה הוא נהיה יותר שלכם עם כל שבוע.והכי חשוב: האתר שהעליתם היום הוא לא סוף הקורס, הוא נקודת הפתיחה. כל מה שתבנו מכאן והלאה, יש לו עכשיו בית עם כתובת.