ה-Free Stack — מה אתה באמת מקבל ב-$0, ופריסה תוך 10 דקות

1. הכנת סביבת העבודה והתחברות ל-Cloudflare:

   אם עדיין לא עשיתם זאת, פתחו חשבון חינ

   בינוני5 דקותחינםתרגול

   מנהור מהיר: wrangler tunnel quick-start והחלפת ngrok

   פיתוח אפליקציות מבוססות בינה מלאכותית (AI) דורש מאיתנו לעיתים קרובות לחשוף את השרת המקומי (Localhost) שלנו לאינטרנט החיצון. בין אם מדובר בקבלת קריאות חוזרות (Webhooks — מנגנון שבו שרת חיצוני שולח מידע בזמן אמת לשרת שלנו בעקבות אירוע מסוים) מפלטפורמות כמו Stripe או Twilio, בדיקת האפליקציה בטלפון הנייד, או שיתוף אב טיפוס מהיר עם חברים או עם סוכני AI עצמאיים (Agents) שצריכים לגשת לקוד שלנו – אנחנו חייבים כתובת HTTPS ציבורית ויציבה שמצביעה ישירות למחשב האישי שלנו. בעבר, כלי ברירת המחדל למשימה זו היה ngrok (שירות פופולרי ליצירת מנהרות מאובטחות מהמחשב המקומי לאינטרנט). אלא שבשנים האחרונות, ngrok הפך למסורבל ומגביל עבור מפתחים עצמאיים ו-Vibe Coders: הוא דורש הרשמה חובה, הגדרת מפתחות אימות (Auth Tokens), מציג מסכי ביניים מעצבנים שמזהירים מפני פישינג כדי למנוע הונאות, ומציב מגבלות קשיחות על הגרסה החינמית. כאן נכנס לתמונה השחקן החזק ביותר ב-Free Stack של שנת 2026: כלי ה-CLI (ממשק שורת פקודה) הרשמי של קלאודפלייר, Wrangler, שמציע מנהור מהיר ומאובטח בלחיצת כפתור אחת, ללא צורך בהרשמה, ללא הגדרות וללא עלות – תחת הפקודה המובנית wrangler tunnel quick-start.

   מהפכת ה-Wrangler Tunnel: מנהור מובנה ללא מאמץ

   עד לעדכונים האחרונים של מרץ 2026, כדי להשתמש במנהרות של קלאודפלייר (Cloudflare Tunnels) נדרשתם להוריד כלי נפרד בשם cloudflared (קובץ ריצה ייעודי של החברה המקשר בין המחשב המקומי לרשת קלאודפלייר). העדכון המהפכני ב-Wrangler CLI הטמיע את היכולות הללו ישירות לתוך ממשק השורה הפקודה הרגיל שלכם. כעת, קלאודפלייר מנהלת עבורכם את ה-binary (קובץ ההפעלה המוכן להרצה) של המנהרה מאחורי הקלעים בצורה אוטומטית לחלוטין. הקונספט המרכזי כאן נקרא Localhost HTTPS exposure — חשיפה מיידית של פורט (רכיב תקשורת מקומי, למשל שרת Node.js, Python או Hono שרץ על פורט 3000) אל כתובת אינטרנט ציבורית ומאובטחת (פרוטוקול HTTPS). החיבור מתבצע באמצעות מנהרה יוצאת (Outbound connection) בלבד. המשמעות היא שאתם לא צריכים לפתוח פורטים בנתב הביתי שלכם (Port Forwarding), אתם לא צריכים כתובת IP ציבורית קבועה, והמחשב שלכם נשאר מוגן מאחורי חומת האש של קלאודפלייר.

   אפס תלות ב-Zero Trust: איך זה עובד?

   במצב הרגיל של קלאודפלייר, הגדרת מנהרה קבועה (Named Tunnel) דורשת מכם ליצור חשבון, לחבר דומיין פרטי שבבעלותכם, ולהגדיר חוקי גישה ואבטחה בתוך פאנל הניהול של Cloudflare Zero Trust (פלטפורמת אבטחת הרשת של קלאודפלייר המבוססת על אימות קפדני של כל משתמש ומכשיר). זה מעולה לייצור (Production), אך מאט מאוד את קצב העבודה ("הוויב") בזמן פיתוח מהיר או בדיקות מקומיות. הפקודה wrangler tunnel quick-start מבצעת Zero Trust dependency removal — היא מעיפה את כל שרשרת התלות הזו מהחלון. היא משתמשת בשירות חינמי לחלוטין של קלאודפלייר שנקרא TryCloudflare. השירות מייצר עבורכם מנהרה זמנית (Quick Tunnel) ומקצה לכם תת-דומיין אקראי תחת הדומיין *.trycloudflare.com. אין צורך בהתחברות לחשבון (Login), אין צורך בכרטיס אשראי, ואין צורך בדומיין רשום. פשוט מריצים פקודה אחת, ומקבלים קישור מאובטח שעובד מיד.

   האותיות הקטנות: מתי המנהרה המהירה לא תספיק?

   למרות הנוחות המדהימה, חשוב להכיר שתי מגבלות מרכזיות של ה-Quick Tunnels כדי לא לבזבז שעות על באגים מסתוריים:
   • מגבלת בקשות סימולטניות: המנהרות המהירות מוגבלות לעד 200 בקשות בו-זמנית (Concurrent Requests). עבור בדיקות פיתוח זה מעל ומעבר, אך אל תנסו להריץ על זה קמפיינים או בדיקות עומסים קשות.
   • חוסר תמיכה ב-Server-Sent Events (SSE): זוהי נקודת התורפה הקריטית ביותר עבור בוני אפליקציות AI. טכנולוגיית SSE מאפשרת לשרת להזרים (Stream) טקסט לדפדפן בזמן אמת, ממש כמו הדרך שבה ChatGPT כותב את התשובות שלו מילה אחר מילה. מנהרות מהירות (Quick Tunnels) של TryCloudflare אינן תומכות ב-SSE, והזרמת המילים פשוט תיכשל או תיחסם. אם האפליקציה שלכם דורשת הזרמת קוד/טקסט חיה, תצטרכו להשתמש במנהרה שמית (Named Tunnel) המקושרת לדומיין האמיתי שלכם בקלאודפלייר, שם הטכנולוגיה נתמכת באופן מלא.
   מנהור מקומי ב-60 שניות 5 דקות

   בואו נחליף את ngrok ונחשוף שרת מקומי לאינטרנט תוך פחות מדקה באמצעות הכלים המובנים של Wrangler. אין צורך בחשבון קלאודפלייר או בהרשמה מראש!

   1. הרימו שרת מקומי מהיר: פתחו את הטרמינל (Terminal — ממשק שורת הפקודה במחשבכם) והריצו שרת מקומי זמני המציג את קבצי המחשב. נשתמש בפייתון (Python) המובנה במערכת שלכם בפורט 8080:

      python -m http.server 8080

      הפלט הצפוי: הטרמינל יציג הודעה שהשרת רץ בכתובת Serving HTTP on 0.0.0.0 port 8080 ....

   2. פתחו חלון טרמינל חדש והשאירו את השרת הקודם פועל ברקע.
   3. הפעילו את המנהרה של Wrangler: הריצו את הפקודה הבאה כדי ליצור מנהרה זמנית המפנה לשרת הפעיל שלכם:

      npx wrangler tunnel quick-start --port 8080

      אם זו הפעם הראשונה שאתם מריצים פקודה זו, Wrangler עשוי לבקש מכם אישור להוריד את קובץ הריצה של המנהרות (cloudflared) באופן אוטומטי. לחצו על y לאישור.

   4. העתיקו את הקישור המאובטח: לאחר מספר שניות, Wrangler יציג בטרמינל פלט מפורט. חפשו את השורה המכילה את הכתובת הציבורית שלכם. היא תיראה כך:

      Your quick tunnel has been created!
      Route: https://some-random-words.trycloudflare.com

   5. בדקו שהכל עובד: העתיקו את הכתובת שמתחילה ב-https:// והדביקו אותה בדפדפן בטלפון הנייד שלכם. אתם תראו את רשימת הקבצים שלכם נטענת בצורה מאובטחת לחלוטין מכל מקום בעולם!
   בינוני5 דקותחינםtroubleshooting

   מגבלות ה-Quick Tunnel וכיצד להתמודד איתן

   כאשר אנחנו בונים יישומי בינה מלאכותית (AI) מודרניים, אחד הכלים השימושיים ביותר בארסנל של ה-Vibe Coder הוא מנהור (Tunneling) של השרת המקומי אל האינטרנט הציבורי. היכולת להריץ שרת Node.js, Python או Hono על המחשב האישי שלכם, ולהפוך אותו ברגע לכתובת HTTPS מאובטחת ונגישה מכל מקום בעולם, היא קריטית לצורך בדיקת ווב-הוקס (Webhooks) של שירותים חיצוניים, חיבור זמני של סוכני AI הפועלים בענן למאגר מידע מקומי, או שיתוף דמו מהיר עם לקוחות. כלי המנהור המובנה של Cloudflare, המוכר כ-Quick Tunnel (מנהרה מהירה) ומופעל על גבי הדומיין המשותף trycloudflare.com, מאפשר לעשות זאת באופן מיידי, ללא צורך בהרשמה, הגדרת מפתחות או פתיחת פורטים בנתב הביתי. עם עדכוני כלי ה-CLI של Wrangler במרץ 2026, היכולת הזו הפכה לאינטגרטיבית לחלוטין באמצעות פקודה אחת פשוטה: wrangler tunnel quick-start.

   למרות הפיתוי העצום להסתמך על ה-Quick Tunnel כפתרון ברירת המחדל לכל שלבי הפיתוח, מנהרות אלו מגיעות עם מגבלות ארכיטקטוניות קשיחות שעוצבו כדי למנוע שימוש לרעה (Abuse) בשרתים החינמיים של Cloudflare. המגבלה הראשונה והבולטת ביותר היא תקרת 200 הבקשות הסימולטניות (200 concurrent requests ceiling). המשמעות היא שבכל רגע נתון, המנהרה מסוגלת לטפל בעד 200 בקשות פעילות בו-זמנית. אם סוכן ה-AI שלכם מבצע סריקה רחבה

   בינוני5 דקותpaidarchitectural

   מתי לשלוף את כרטיס האשראי? מפת הדרכים לשדרוג ב-$5

   תוני האמת של האפליקציה שלכם:
   1. היכנסו לאתר החינמי FlareCalc.
   2. הזינו את הנתונים המשוערים שלכם: מספר הבקשות החודשי הצפוי (למשל, 500,000), נפח הנתונים ב-D1 (למשל, 1GB), ומספר כתיבות ה-KV הצפויות ביום.
   3. בדקו בגרף היכן בדיוק נחצה קו ה-Free Tier ומתי עלות ה-$5 הופכת להכרחית ואיזה נפח פעילות היא תכסה לכם (רמז: לרוב זה יספיק לכם מעל ומעבר).

בתרגיל זה נקים אתר סטטי פשוט ונפרוס אותו לענן בחינם לגמרי באמצעות Netlify (פלטפורמת אירוח אתרים בחינם) ו-Vite (כלי מהיר לבניית פרויקטי קצה).

1. התקנה והרשמה (שלב הכנה):

   ראשית, ודאו שמותקן אצלכם Node.js (סביבת הרצה המאפשרת להפעיל קוד JavaScript במחשב). לאחר מכן, פתחו דפדפן והירשמו לחשבון חינמי ב-Netlify בכתובת netlify.com.

   כעת, פתחו את ה-Terminal (טרמינל - ממשק שורת הפקודה) במחשב שלכם והריצו את פקודת ההתחברות הבאה כדי לקשר את המחשב לחשבון שלכם:

   npx netlify login

   הפלט הצפוי: חלון הדפדפן ייפתח ויבקש מכם לאשר גישה לחשבון. לאחר האישור, תראו בטרמינל את ההודעה: You are now logged into your Netlify account!

2. יצירת פרויקט מקומי:

   ניצור פרויקט חדש בעזרת Vite. הריצו בטרמינל את הפקודה הבאה:

   npm create vite@latest my-free-app -- --template vanilla

   היכנסו לתיקייה החדשה שנוצרה והתקינו את קבצי המערכת הנדרשים:

   cd my-free-app
   npm install

   הפלט הצפוי: תיקייה בשם my-free-app תיפתח במחשבכם, ותהליך ההתקנה יסתיים בהצלחה עם יצירת תיקיית קבצי המקור node_modules.

3. כתיבת קוד האתר:

   פתחו את הקובץ index.html בתיקיית הפרויקט והחליפו את כל התוכן שלו בקוד הבא, המציג דף נחיתה אינטראקטיבי מעוצב:

   <!DOCTYPE html>
   <html lang="he" dir="rtl">
   <head>
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>הפרויקט החינמי שלי</title>
       <style>
           body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; background-color: #f3f4f6; margin: 0; }
           .card { background: white; padding: 2rem; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; max-width: 400px; }
           button { background-color: #4f46e5; color: white; border: none; padding: 12px 24px; border-radius: 6px; cursor: pointer; font-size: 1rem; margin-top: 1rem; transition: background 0.2s; }
           button:hover { background-color: #4338ca; }
       </style>
   </head>
   <body>
       <div class="card">
           <h3>ה-Free Stack עובד!</h3>
           <p>הדף הזה רץ כרגע בשידור חי ובחינם לחלוטין על שרת קצה מהיר של Netlify.</p>
           <button onclick="alert('איזה יופי, הכל עובד ב-$0!')">לחצו לבדיקה</button>
       </div>
   </body>
   </html>

4. בנייה ופריסה (Deploy) לאוויר:

   נבנה את האתר לגרסת Production (גרסת ייצור מותאמת לשרת) בעזרת הפקודה:

   npm run build

   כעת נפרוס את תיקיית הפלט (dist) ישירות לענן:

   npx netlify deploy --prod --dir=dist
   
   
       מתקינים ומפיצים אתר סטטי ב-Netlify בחינם 10 דקות
       
       
   
           
   
               הרשמה והתקנת כלי העבודה (CLI):
               
   ראשית, עליך לפתוח חשבון חינמי ב-Netlify (פלטפורמת ענן לאירוח אתרים מהיר). היכנס לאתר netlify.com והירשם עם דוא"ל או חשבון GitHub.
               
   לאחר מכן, פתח את הטרמינל (Terminal) במחשב והתקן את כלי השורה של Netlify (ה-CLI) באמצעות Node Package Manager (כלי לניהול חבילות קוד). הרץ את הפקודה הבאה:
               
   npm install -g netlify-cli
               
   הפלט הצפוי: תהליך התקנה קצר שיסתיים בשורה המאשרת את גרסת הכלי שהותקנה, למשל: added 150 packages in 5s.
           
           
   
               חיבור החשבון במחשב (Login):
               
   קשר את הטרמינל לחשבון ה-Netlify שיצרת על ידי הרצת הפקודה:
               
   netlify login
               
   הפלט הצפוי: ייפתח דפדפן המבקש ממך לאשר גישה (Authorize). לאחר הלחיצה על כפתור האישור, הטרמינל יציג הודעת הצלחה: You are now logged into your Netlify account!
           
           
   
               יצירת תיקיית הפרויקט וקובץ ה-HTML:
               
   צור תיקייה חדשה בשם my-free-stack-app במחשב, היכנס אליה, וצור בתוכה קובץ בשם index.html עם הקוד הבא במלואו:
               
   <!DOCTYPE html>
   <html lang="he" dir="rtl">
   <head>
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>האפליקציה החינמית שלי</title>
       <style>
           body {
               font-family: system-ui, sans-serif;
               display: flex;
               flex-direction: column;
               align-items: center;
               justify-content: center;
               height: 100vh;
               background-color: #f0f4f8;
               margin: 0;
           }
           .card {
               background: white;
               padding: 2rem;
               border-radius: 12px;
               box-shadow: 0 4px 6px rgba(0,0,0,0.1);
               text-align: center;
           }
           h1 { color: #10b981; }
       </style>
   </head>
   <body>
       <div class="card">
           <h1>האתר שלי באוויר ב-$0!</h1>
           <p>נבנה באמצעות ה-Free Stack של Vibe Coders.</p>
       </div>
   </body>
   </html>
           
           
   
               פריסה מיידית לענן (Deploy):
               
   הרז את פקודת הפריסה מתוך התיקייה שבה נמצא קובץ ה-index.html:
               
   netlify deploy --prod
               
   במהלך ההרצה, ה-CLI ישאל אותך שתי שאלות:
               
   
                   
   בחירה ב-Create & configure a new site (השתמש בחצים במקלדת ואנטר).
                   
   בחירת הצוות שלך (לחץ אנטר על ברירת המחדל).
                   
   הגדרת תיקיית הפצה (Publish directory) - הקלד . (נקודה) ולחץ אנטר כדי להפיץ את התיקייה הנוכחית.
               
               
   הפלט הצפוי: בסיום הפעולה תקבל קישור אינטרנט ייחודי לפרויקט שלך תחת הכותרת: Website URL: https://[your-site-name].netlify.app.
           
       
   
       
   פלט נראה לעין שתסיים איתו: אתר אינטרנט חי, נגיש מכל מכשיר בעולם עם כתובת URL מאובטחת (HTTPS) של Netlify, המציג כרטיסייה מעוצבת בצבע ירוק עם הכיתוב "האתר שלי באוויר ב-$0!".
   
       
   
   
   
   מדריך החלטה: בחירת ה-Free Stack המושלם למיזם שלך
   שאלה 1: מהו אופי האפליקציה שאתה בונה — סטטית או דינמית?
   
   אפליקציה סטטית (Static Site): אם האתר מבוסס רק על קוד פרונט-אנד (Front-end - צד הלקוח, כמו React, HTML או Vue) ללא שרת פעיל משלך — הבחירה האידיאלית היא Vercel או Netlify. השרתים שלהם יגישו את האתר שלך במהירות שיא ברחבי העולם בחינם לחלוטין.
   אפליקציה דינמית (Dynamic App): אם יש לך שרת פעיל (Backend - כמו Node.js או Python) שצריך לרוץ ברקע ולעבד נתונים — תצטרך שירות אירוח שרתים כמו Render או Railway.
   
   שאלה 2: האם המשתמשים שלך רגישים לזמן טעינה ראשוני (Cold Start)?
   
   רגישות נמוכה (פרויקט אישי / דמו): שירותים חינמיים כמו Render "מרדימים" את השרת אחרי חצי שעה ללא פעילות. ההתעוררות מחדש (Cold Start - הפעלה מחדש של השרת) לוקחת כ-30 שניות. אם זה בסדר עבורך, השאר במסלול החינמי של Render.
   רגישות גבוהה (מוצר פעיל): אם אתה חייב תגובה מיידית, העבר את הלוגיקה של השרת לפתרונות Serverless (קוד שרץ רק כשקוראים לו, ללא שרת קבוע שדולק) ב-Vercel Functions, או השתמש בתוכנית חינמית של פלטפורמות קצה (Edge Computing) שאינן סובלות מזמני התעוררות ארוכים.
   
   שאלה 3: איזה סוג בסיס נתונים (Database) הפרויקט שלך דורש?
   
   נתונים טבלאיים ומורכבים (SQL): אם אתה צריך קשרים מורכבים בין משתמשים, הזמנות ותוכן — בחר ב-Supabase. הם מספקים בסיס נתונים מסוג PostgreSQL חזק ומאובטח בחינם לחלוטין, שכולל גם מנגנון הרשמת משתמשים מובנה.
   נתוני מסמכים גמישים (NoSQL): אם מבנה הנתונים שלך משתנה לעיתים קרובות ואתה מעדיף עבודה עם אובייקטים פשוטים של JSON — בחר במסלול החינמי של MongoDB Atlas.