אתר סטטי או אפליקציה עם שרת: איך יודעים מה בניתם

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

ההבדל בשתי שורות

• אתר סטטי: אחרי ה-build מקבלים תיקייה של קבצי HTML, CSS ו-JavaScript. השרת רק שולח אותם לדפדפן, וכל השאר קורה אצל הגולש. גם אם באתר יש התחברות ונתונים דרך שירות חיצוני כמו Supabase, האתר עצמו עדיין סטטי.
• אפליקציה עם שרת: חלק מהקוד רץ על השרת, בכל בקשה או כל הזמן. למשל עמודים שנבנים בשרת לפני שהם נשלחים, API שהאפליקציה עצמה מפעילה, או בוט שרץ ברקע. לזה צריך סביבה שמריצה את הקוד, בדרך כלל Node.js.

ארבע בדיקות שעושים בכמה דקות

1. מה יוצא מה-build?
מריצים npm run build. אם נוצרת תיקייה כמו dist (או build או out) ובתוכה קובץ index.html, וזה כל מה שצריך כדי שהאתר יעבוד, זה אתר סטטי.

2. מה כתוב בקובץ package.json?
פותחים את הקובץ package.json ומסתכלים באזור scripts:

• "build": "vite build" בלי סקריפט שמפעיל שרת משלכם: כמעט תמיד אתר סטטי.
• סקריפט start שמריץ למשל node server.js או next start: יש כאן שרת.

3. יש בפרויקט קוד שרת?
תיקיות כמו server, api או קבצים שמגדירים נתיבי API בתוך הפרויקט (ולא בשירות חיצוני) הם סימן לאפליקציה עם שרת.

4. על איזו מסגרת הפרויקט בנוי?

• React עם Vite: בדרך כלל אתר סטטי.
• Next.js: יכול להיות שניהם. אם מוגדר ייצוא סטטי (output: 'export'), מקבלים תיקיית קבצים. אם משתמשים ברינדור בשרת או בנתיבי API, צריך שרת.
• TanStack Start, Express וכדומה: צריכים שרת.

מה בדרך כלל יוצא מכלי AI

• Bolt: רוב הפרויקטים יוצאים כאתר React עם Vite, כלומר אתר סטטי אחרי build.
• Lovable: פרויקטים ותיקים הם בדרך כלל React עם Vite, כלומר סטטיים. חלק מהפרויקטים החדשים עשויים להריץ קוד בשרת. כדאי לבדוק לפי ארבע הבדיקות שלמעלה.
• Supabase הוא שירות backend חיצוני. אתר שמשתמש בו לנתונים ולהתחברות יכול להיות סטטי לגמרי, כי הקוד שרץ בשרת נמצא אצל Supabase ולא אצלכם. פירוט במדריך Supabase: מה עובר לאחסון ומה נשאר.

בכל מקרה, ההכרעה היא לפי הדרישות הטכניות של הפרויקט, לא לפי הכלי שבנה אותו.

איזו חבילה מתאימה לכל מקרה

אתר סטטי (גם אם נבנה בעזרת AI): חבילת אתרים סטטיים. עד 3 אתרים, 2GB נפח, 30GB תעבורה בחודש, SSL חינם וגיבוי יומי מחוץ לשרת, 14 ימים אחורה. החל מ-17.90 ₪ לחודש כולל מע"מ, או 20.90 ₪ כולל מע"מ עם 3 תיבות מייל. איך מעלים, במדריך איך מעלים לאוויר אתר שבניתם עם AI.

אתר PHP, למשל אתר תדמית עם מערכת ניהול תוכן: קו האתרים המלאים, אתר או עסק. לכמה אתרים או לקוחות: עסק פלוס או סוכנות. בעסק פלוס ובסוכנות אפשר להריץ גם אפליקציית Node.js אחת.

וורדפרס: חבילת וורדפרס או וורדפרס עסקי. ראו אחסון וורדפרס: מה לבדוק ומה מקבלים.

אפליקציה שצריכה שרת: אפליקציות Node.js: בחבילות Node Starter, עסק פלוס וסוכנות (פרטים).

ואם האפליקציה שלכם צריכה שרת?

כמה אפשרויות לבדוק:

• לבדוק אם אפשר לייצא אותה כסטטית. בחלק מהמסגרות, כמו Next.js, אפשר לבנות גרסה סטטית אם לא משתמשים ברינדור בשרת או בנתיבי API.
• להעביר את החלק שרץ בשרת לשירות backend חיצוני, ולהשאיר את האתר עצמו סטטי.
• להריץ את האפליקציה אצלנו, בחבילות Node Starter, עסק פלוס וסוכנות (פרטים).