בניתם אפליקציה מדהימה עם Claude Code, היא רצה מושלם על המחשב שלכם, ואז חבר שואל "תשלח לי לינק" ואתם מבינים שאין לינק.
הרגע הזה מוכר לכל מי שפיתח משהו מקומית וגילה שהמרחק בין "עובד אצלי" לבין "עובד לכולם" גדול יותר ממה שנדמה.
המדריך הזה ייקח אתכם צעד אחר צעד מהאפליקציה המקומית שרצה על localhost ועד לכתובת URL אמיתית שאפשר לשלוח בוואטסאפ.
לא צריך ידע מוקדם בשרתים או ב-DevOps, רק נכונות לעקוב אחרי ההוראות.
מה בדיוק Claude Code מייצר ולמה זה רלוונטי
כשאתם בונים אפליקציית ווב עם Claude Code, התוצר הוא בדרך כלל פרויקט מבוסס Node.js, Python (Flask או FastAPI), או React.
הקבצים שנוצרים יושבים בתיקייה על המחשב שלכם ורצים דרך שרת מקומי, לרוב על כתובת כמו localhost:3000 או localhost:5000.
הבעיה: localhost נגיש רק מהמחשב שלכם.
כדי שמישהו אחר יוכל לגשת לאפליקציה, צריך להעלות את הקבצים לשרת חיצוני שמחובר לאינטרנט 24/7 ויש לו כתובת IP ציבורית.
בחירת פלטפורמה להעלאת האפליקציה
יש כמה אפשרויות מצוינות, ורובן מציעות תוכנית חינמית שמספיקה בהחלט לשיתוף עם חברים.
Render
פלטפורמה ידידותית שתומכת ב-Node.js, Python, ושפות נוספות.
מציעה תוכנית חינמית עם כתובת URL ציבורית.
השרת "נרדם" אחרי 15 דקות ללא פעילות ומתעורר כשמישהו ניגש, מה שגורם לטעינה ראשונה איטית.
Railway
ממשק נקי ופשוט, מזהה אוטומטית את סוג הפרויקט.
נותנת קרדיט חינמי של 5 דולר לחודש, מה שמספיק לאפליקציה קטנה.
Vercel
מתאימה במיוחד לפרויקטים מבוססי React, Next.js או אתרים סטטיים.
התוכנית החינמית נדיבה מאוד לפרויקטים אישיים.
Fly.io
מציעה שליטה גדולה יותר על סביבת ההרצה דרך Docker.
תוכנית חינמית עם עד 3 מכונות קטנות.
לצורך המדריך הזה, נתמקד ב-Render כי היא הכי פשוטה למתחילים.
הכנת הפרויקט לפני ההעלאה
לפני שמעלים משהו, צריך לוודא שהפרויקט מוכן לרוץ על שרת חיצוני.
צעד 1: ודאו שיש קובץ תלויות
לפרויקט Node.js, ודאו שקיים קובץ package.json עם כל החבילות הנדרשות.
לפרויקט Python, צרו קובץ requirements.txt על ידי הרצת הפקודה pip freeze > requirements.txt בטרמינל.
צעד 2: הגדירו את הפורט נכון
שרתים חיצוניים מגדירים את הפורט דרך משתנה סביבה בשם PORT.
בקוד שלכם, במקום לכתוב מספר פורט קבוע כמו 3000, השתמשו בערך הדינמי.
ב-Node.js זה נראה כך: const port = process.env.PORT || 3000;
ב-Python עם Flask: app.run(host='0.0.0.0', port=int(os.environ.get('PORT', 5000)))
צעד 3: הוסיפו פקודת start
בקובץ package.json, ודאו שיש שדה scripts עם פקודת start, למשל: "start": "node server.js"
זו הפקודה שהשרת החיצוני יריץ כדי להפעיל את האפליקציה שלכם.
צעד 4: קובץ .gitignore
ודאו שקיים קובץ .gitignore שמונע העלאת תיקיות כבדות כמו node_modules או קבצי סביבה רגישים כמו .env.
העלאת הקוד ל-GitHub
רוב הפלטפורמות עובדות ישירות עם GitHub, אז הצעד הראשון הוא להעלות לשם את הקוד.
- פתחו חשבון ב-GitHub אם אין לכם כזה.
- צרו repository חדש (מאגר קוד) ותנו לו שם.
- בטרמינל, בתיקיית הפרויקט, הריצו:
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/YOUR_USERNAME/YOUR_REPO.git
git push -u origin main
החליפו YOUR_USERNAME ו-YOUR_REPO בפרטים שלכם.
אם אתם משתמשים ב-Claude Code, אפשר פשוט לבקש ממנו "תעלה את הפרויקט ל-GitHub" והוא ינחה אתכם או יבצע את זה ישירות.
פריסה על Render: שלב אחר שלב
- היכנסו ל-render.com וצרו חשבון חינמי (אפשר להתחבר ישירות עם חשבון GitHub).
- לחצו על New + ובחרו Web Service.
- חברו את חשבון GitHub שלכם ובחרו את ה-repository שיצרתם.
- Render יזהה אוטומטית את סוג הפרויקט (Node, Python וכו').
- ודאו שפקודת ה-Build נכונה, למשל
npm installל-Node.js. - ודאו שפקודת ה-Start נכונה, למשל
npm startאוnode server.js. - בחרו את התוכנית החינמית (Free).
- לחצו Create Web Service.
Render יבצע build ויפרוס את האפליקציה.
תוך כמה דקות תקבלו כתובת URL בפורמט https://your-app-name.onrender.com.
זו הכתובת שאתם שולחים לחברים.
מה עושים אם יש בסיס נתונים
אם האפליקציה שלכם משתמשת ב-SQLite, שימו לב שהקובץ לא נשמר באופן קבוע בפלטפורמות כמו Render בתוכנית החינמית.
הפתרון: עברו לבסיס נתונים חיצוני.
Render מציעה שירות PostgreSQL חינמי למשך 90 יום.
חלופות נוספות כוללות את Supabase שמציעה תוכנית חינמית עם PostgreSQL, או PlanetScale למסדי נתונים מבוססי MySQL.
אם בניתם סוכן בינה מלאכותית עם Claude Code שצריך לשמור מידע, בסיס נתונים חיצוני הוא חובה.
משתני סביבה וסודות
אם האפליקציה שלכם משתמשת במפתחות API (למשל מפתח של OpenAI או Anthropic), אל תעלו אותם ל-GitHub.
במקום זאת, הגדירו אותם כמשתני סביבה (Environment Variables) בפאנל של Render.
גשו להגדרות השירות, מצאו את הלשונית Environment, והוסיפו כל מפתח בנפרד.
בקוד, גשו אליהם דרך process.env.YOUR_KEY_NAME ב-Node.js או os.environ['YOUR_KEY_NAME'] ב-Python.
טיפים לאחרי ההעלאה
בדקו שהאפליקציה עובדת על הטלפון, לא רק על מחשב.
עקבו אחרי הלוגים בפאנל של Render כדי לזהות שגיאות.
אם יש באג, תקנו אותו מקומית, עשו commit ו-push ל-GitHub, ו-Render יפרוס אוטומטית את הגרסה החדשה.
אם אתם רוצים דומיין מותאם אישית במקום הכתובת הארוכה של Render, אפשר לקנות דומיין ולחבר אותו דרך הגדרות הפלטפורמה.
מי שרוצה ללמוד עוד על המודלים החדשים של Anthropic יגלה שהיכולות של Claude Code ממשיכות להשתפר, וזה אומר שהאפליקציות שתבנו הולכות רק להיות טובות יותר.
שאלות נפוצות
כמה עולה להעלות אפליקציה לשרת?
לשיתוף עם חברים, בדרך כלל אפס. פלטפורמות כמו Render, Vercel ו-Railway מציעות תוכניות חינמיות שמספיקות לאפליקציות קטנות עם תעבורה נמוכה. אם האפליקציה צריכה לשרת מאות משתמשים בו זמנית, תצטרכו לשדרג לתוכנית בתשלום שמתחילה בסביבות 7 דולר לחודש.
האם אפשר להעלות כל סוג אפליקציה שנבנתה ב-Claude Code?
רוב האפליקציות שנבנות עם Claude Code הן אפליקציות ווב (Node.js, Python, React) והן נתמכות בכל הפלטפורמות שציינו. אפליקציות דסקטופ שנבנו עם Electron או ממשקי שורת פקודה (CLI) דורשות גישה אחרת, כמו ארכיון להורדה או Docker.
מה קורה אם האפליקציה קורסת על השרת?
רוב הפלטפורמות מפעילות מחדש את האפליקציה אוטומטית במקרה של קריסה. מעבר לזה, בדקו את הלוגים בפאנל הניהול כדי להבין מה הבעיה. לרוב מדובר בחוסר במשתנה סביבה, בעיית פורט, או תלות שלא הותקנה כראוי.
איך מעדכנים את האפליקציה אחרי שהיא כבר על השרת?
פשוט מאוד. ערכו את הקוד מקומית, הריצו git add, git commit ו-git push ל-GitHub. אם חיברתם את Render ל-repository, הפלטפורמה תזהה את השינוי ותפרוס אוטומטית את הגרסה המעודכנת תוך דקות ספורות.
האם המידע של המשתמשים מאובטח בתוכנית החינמית?
התוכניות החינמיות כוללות HTTPS כברירת מחדל, מה שמצפין את התקשורת בין המשתמש לשרת. עם זאת, האחריות על אבטחת הקוד עצמו היא שלכם. ודאו שאתם לא חושפים מפתחות API, מאמתים קלט מהמשתמשים, ולא שומרים סיסמאות בטקסט גלוי.
אפשר להעלות אפליקציה בלי GitHub?
כן, חלק מהפלטפורמות תומכות בהעלאה ישירה דרך CLI (כלי שורת פקודה). למשל, ב-Railway אפשר להריץ railway up מתיקיית הפרויקט. ב-Fly.io משתמשים ב-fly deploy. אבל GitHub מקל מאוד על ניהול גרסאות ועדכונים עתידיים, אז מומלץ להשתמש בו.
סיכום
להעלות אפליקציה מ-Claude Code לשרת חיצוני זה תהליך שלוקח 20 עד 30 דקות בפעם הראשונה, ומהפעם השנייה זה עניין של דקות בודדות.
התהליך פשוט: מכינים את הפרויקט, מעלים ל-GitHub, מחברים לפלטפורמת פריסה כמו Render, ומקבלים כתובת URL שאפשר לשתף.
הצעד הבא שלכם: קחו את האפליקציה שכבר יושבת על המחשב, עקבו אחרי הצעדים במדריך הזה, ותוך חצי שעה תשלחו את הלינק הראשון לחבר.
