איך מעבירים אתר שנבנה עם AI לאחסון עצמאי

כלי AI כמו Lovable ו־Base44 מאפשרים לבנות אתר במהירות. בשלב מסוים, רבים רוצים לפרסם את האתר תחת הדומיין שלהם ובאחסון שהם שולטים בו. המדריך הזה מסביר מה בודקים לפני, ואיך עושים את זה בפועל.

שלב 1: לבדוק איזה סוג אתר יש לכם

ההבדל החשוב ביותר הוא בין אתר סטטי לאתר דינמי:

• אתר סטטי מורכב מקבצים מוכנים (HTML, CSS, JavaScript ותמונות). עמודי תוכן, גלריה, כפתור וואטסאפ או טופס ששולח לשירות חיצוני — כל אלה עובדים גם כקבצים סטטיים.
• אתר דינמי תלוי בשרת או במסד נתונים: התחברות משתמשים, שמירת נתונים, תשלומים או ממשק ניהול שנבנה בתוך הכלי.

אם האתר שלכם סטטי, אפשר להעביר אותו לאחסון רגיל בקלות. אם הוא דינמי, החלק שתלוי בפלטפורמה לא יעבוד כקבצים בלבד. על האפשרויות למקרה כזה נרחיב בסוף המדריך.

שלב 2: להשיג את קבצי האתר

זה תלוי בכלי ובחבילה שלכם בו. בחלק מהכלים אפשר להוריד את הקוד או לחבר את הפרויקט ל־GitHub. פרויקטים רבים שנבנים בכלים האלה מבוססים על React ו־Vite. במקרה כזה מריצים את פקודת הבנייה:

npm install
npm run build

בסוף הבנייה נוצרת תיקייה (לרוב בשם dist) עם הקבצים הסטטיים של האתר. אלה הקבצים שמעלים לאחסון.

שלב 3: להעלות את הקבצים לאחסון

מעלים את התוכן של תיקיית הבנייה, לא את התיקייה עצמה, לתיקיית השורש של האתר בשרת. בשרתים רבים היא נקראת public_html. הקובץ index.html צריך להיות ישירות בתוכה.

שימו לב לניתוב באפליקציות עמוד־יחיד

אתרי React רבים הם "אפליקציות עמוד־יחיד" (SPA): כל הכתובות באתר מוגשות מאותו קובץ index.html. בלי הגדרה מתאימה, רענון בעמוד פנימי (למשל /about) יחזיר שגיאת 404. בשרתי Apache, הנפוצים באחסון משותף, פותרים זאת בקובץ .htaccess בתיקיית השורש:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^ index.html [L]
</IfModule>

שלב 4: לחבר דומיין ו־SSL

מכוונים את רשומות ה־DNS של הדומיין לשרת האחסון. עדכון DNS יכול לקחת עד 24–48 שעות. אחרי שהדומיין מחובר, מפעילים תעודת SSL כדי שהאתר ייפתח בכתובת מאובטחת (https). בחבילות האחסון שלנו תעודת SSL כלולה.

ומה אם האתר דינמי?

יש כמה דרכים להתקדם:

• להשאיר את החלק הדינמי בפלטפורמה שבה נבנה, ולפרסם באחסון שלכם רק את האתר השיווקי.
• לבנות את האתר מחדש על מערכת ניהול כמו וורדפרס, אם הצורך הוא בעיקר עדכון תכנים.
• לפתח את היכולות הדינמיות כמערכת נפרדת. ראו פיתוח אפליקציות ופיתוח מערכות CRM.

החבילה שלנו לאתרים כאלה

חבילת Wing Start מיועדת בדיוק לאתרים סטטיים ולאתרים שיוצאו מכלי AI:

לא בטוחים אם האתר שלכם מתאים? שלחו לנו הודעה ונבדוק יחד.

בדיקת התאמה בוואטסאפ