01במה זה שונה מבורר תבניות
גלריות תבניות מראות עיצוב מוגמר ומבקשות לבחור אם הוא מוצא חן או לא. הכלי הזה יורד שכבה אחת לעומק: כל אחד משישה הכיוונים שלמטה מבוסס על תיק עבודות אמיתי ופעיל של צלם שנבדק בפועל (צילומי מסך, פריסה חיה, צבעים ופונטים מחושבים), ולא על פלטה שמישהו המציא כדי שתיראה יפה כדוגמית. כיוון Editorial, למשל, משתמש ב-EB Garamond כי זה פשוטו כמשמעו הפונט שבו מעוצב האתר של צלם אופנה אמיתי, והתאמה אליו נעשתה בבדיקה ישירה של הדף.
שני דפוסים הופיעו כמעט בכל האתרים האמיתיים שמהם הכלי נבנה, והם מוטמעים בכל כיוון כאן: ניווט שמוסתר מאחורי אייקון המבורגר יחיד בלי רשימת קישורים גלויה, גם במחשב, ותמונה גדולה אחת בכל פעם במקום רשת. צבע הממשק נשאר קרוב לאפס לכל אורך הדרך: הצילום מספק את הצבע, לא הממשק.
02מה מקבלים בסוף
פרומפט אחד מובנה שמכסה את הכיוון הכללי, צבעי hex מדויקים, שמות פונטים והצמדה ביניהם, רשימת עמודים, התנהגות הניווט, פריסת הגלריה ומסגור התמונות, אילו תכונות לכלול, המלצת אחסון עם פשרות עלות אמיתיות, וסט קבוע של דרישות איכות בנייה (טקסט חלופי נגיש, נקודות שבירה רספונסיביות, בלי סודות בקוד, תמונות שנטענות בעצלתיים). מדביקים אותו באפליקציית הקוד המבוססת AI שבוחרים, ויש בו כל מה שצריך כדי להתחיל.
03מפרומפט לאתר חי: המדריך המלא
הפרומפט הוא תקציר העיצוב, לא קו הסיום. הנה כל שלב בין העתקתו לבין כתובת אמיתית שאפשר לשים על כרטיס ביקור, בחינם או כמעט.
להעתיק את הפרומפט ולפתוח אפליקציית קוד מבוססת AI
Claude, Cursor, Claude Code, Windsurf או סוכן ה-AI של Replit מתאימים, כל כלי שיכול לכתוב ולשמור קבצים ולא רק לנהל צ׳אט. מי שמעולם לא השתמש באחד, אפשרות מבוססת דפדפן כמו claude.ai או Replit לא דורשת התקנה: מדביקים את הפרומפט כהודעה הראשונה.
לתת לו לבנות, ואז באמת להסתכל על מה שנוצר
מבקשים ממנו לבנות את האתר כ-HTML/CSS/JS סטטי (או כל מה שסעיף האחסון בפרומפט קבע) ולהראות תצוגה מקדימה. בודקים את ששת הדברים שהפרומפט ביקש (צבעים, פונטים, התנהגות הגלריה, ניווט, מסגור, עמודים) לפני שממשיכים. הרבה יותר זול לתקן צבע הדגשה שגוי עכשיו מאשר אחרי שהתמונות כבר מחוברות.
להחליף בתמונות, בביוגרפיה ובפרטי הקשר האמיתיים
מחליפים כל תמונת מציין מקום וכל שורת טקסט ממלא. מבקשים מאפליקציית ה-AI לכתוב תכונת alt אמיתית וספציפית לכל תמונה תוך כדי, לא “image1.jpg” אלא תיאור ממשי, כי זו גם דרישת נגישות וגם דחיפה קטנה ל-SEO. זה גם הרגע לוודא שטופס יצירת הקשר באמת מצביע על כתובת אימייל שבודקים.
לפרסם באחסון חינמי
אם בחרתם במסלול “סטטי & חינמי”, מבקשים מאפליקציית ה-AI ללוות אתכם בחיבור תיקיית הפרויקט או מאגר ה-GitHub לאחד מהמארחים בעמוד האחסון שבתפריט למעלה. כולם בונים ומפרסמים אוטומטית בכל פעם שמעלים שינוי; אין שלב העלאה ידנית אחרי החיבור.
לחבר דומיין מותאם אישית (לא חובה, אבל כדאי)
תת-דומיין חינמי (כמו yourname.netlify.app) מספיק להתחלה. כשמוכנים ל-yourname.com, זו רכישת דומיין ועוד שינוי DNS אחד, כפי שמפורט בהרחבה בהמשך.
04באיזה אחסון חינמי להשתמש?
כל אחד מאלה יעלה אתר סטטי לאוויר בלי עלות, עם HTTPS חינמי ומסלול חינמי שמכסה בקלות את התנועה של תיק עבודות אישי. מגבלות המסלולים החינמיים משתנות לא מעט, ולכן כדאי להתייחס למספרים בעמוד האחסון כצורה כללית ולא כנתונים עדכניים מדויקים, ולבדוק את עמוד התמחור של כל ספק לפני שמתחייבים.
מבקשים מאפליקציית הקוד המבוססת AI לבצע איתכם את שלבי הפרסום בפועל: “לחבר את הפרויקט הזה ל-Netlify” היא בקשה רגילה לגמרי, והיא יכולה בדרך כלל ללוות ביצירת החשבון ובפרסום הראשון תוך כמה דקות.
05חיבור דומיין מותאם אישית
דומיין הוא תשלום שנתי קטן (בדרך כלל $10 עד 20 לשנה, תלוי בסיומת), נפרד מהאחסון, שנשאר חינמי. שלושת החלקים:
- לקנות את הדומיין. Namecheap, Cloudflare Registrar או היורש של Google Domains (Squarespace Domains).
- להוסיף רשומת DNS. רשומת CNAME (או A) שמפנה את הדומיין לאחסון, שמוסיפים בלוח הבקרה של רשם הדומיינים. אלה שתי שורות בטבלה של הרשם:
CNAMEעבורwwwשמצביע על הכתובת שהאחסון נותן, כמוyour-portfolio.netlify.app, ורשומתAלדומיין החשוף שמצביעה על כתובת ה-IP של האחסון. - להוסיף אותו באחסון. מדביקים את אותו דומיין בהגדרות “custom domain” של האחסון; HTTPS מוגדר מעצמו.
בכל אחסון בעמוד האחסון יש לשונית “Custom domain” או “Domains” שנותנת את הרשומה המדויקת להוספה: מעתיקים אותה, מוסיפים אצל הרשם וממתינים. שינויי DNS לוקחים בדרך כלל דקות עד כמה שעות, ולפעמים עד 24 עד 48 שעות. אפליקציית הקוד המבוססת AI יכולה ללוות אתכם בלוח הבקרה הספציפי של הרשם אם נתקעים; מצלמים מסך של עמוד ההגדרות ושואלים אותה על מה ללחוץ. סימן מנעול מוצג, בלי אזהרת “לא מאובטח”: זה קו הסיום.
06רשימת בדיקה לפני השקה
חמש דקות עם הרשימה הזו תופסות את רוב מה שגורם לתיק עבודות להיראות לא גמור. הבדיקות הן עמוד Before launch בתפריט למעלה; מסמנים אותן תוך כדי.
07שאלות נפוצות
לא. עושים בחירות חזותיות, הכלי כותב פרומפט מפורט באנגלית פשוטה, ואפליקציית הקוד המבוססת AI הופכת אותו לאתר עצמו.
כל כיוון מבוסס על תיק עבודות אמיתי ופעיל של צלם שנבדק ישירות, ולא הומצא מאפס, עד כדי התאמת פונט מדויק מאתר אמיתי.
בלי חשבון, בלי הרשמה, בלי תשלום. תמונות שגוררים לאינדקס ההשמעה מצוירות על קנבס בדפדפן ולעולם לא עוזבות אותו.
8 עד 20 מהתמונות הטובות ביותר, מיוצאות כ-JPG או WEBP מותאמים, ביוגרפיה קצרה, ולוגו אם יש. ההערות שמתחת לקיר מפרטות את זה.