בשביל מי זה?
בנית אפליקציה או אתר ב-Lovable או Base44. הכל נראה טוב, אבל גוגל לא מוצא אותך, האתר איטי, ואתה מרגיש שזה לא מספיק מקצועי לפרודקשן אמיתי.
הכלי הזה פותר את זה. הוא לוקח את מה שבנית ומעביר את זה לטכנולוגיה מקצועית (Next.js) — בלי שתצטרך לכתוב קוד בעצמך. סוכן AI עושה את העבודה.
מה תקבל בסוף?
- גוגל יראה ויאנדקס את כל העמודים שלך
- כל עמוד יקבל כותרת ותיאור ייחודיים לחיפוש
- האתר יעלה ב-Vercel (אירוח חינמי ומהיר)
- מערכת הרשאות מקצועית (אזור אדמין מוגן)
- הכל ימשיך לעבוד עם Supabase (בסיס הנתונים)
מה צריך לפני שמתחילים?
1. להתקין Node.js
זה כלי בסיסי שצריך כדי שהכל ירוץ. פותחים טרמינל ובודקים:
אם יצא מספר גרסה — מעולה, זה מותקן. אם לא, תורידו מ-nodejs.org (תבחרו בגרסה LTS).
2. חשבונות (חינם)
- Supabase — אם בניתם ב-Lovable כבר יש לכם. אם בניתם ב-Base44, תצטרכו להירשם.
- Vercel — שם האתר יעלה לאוויר. הרשמה חינם.
- Anthropic — שם מקבלים מפתח API ל-Claude (יש תקופת ניסיון).
3. להתקין את Claude Code
Claude Code זה בעצם מתכנת AI שעובד דרך הטרמינל. הוא קורא את הקוד שלכם, מבין מה צריך לעשות, ועושה את זה.
פותחים טרמינל ומריצים:
npm install -g @anthropic-ai/claude-code
אחרי ההתקנה:
- נכנסים ל-console.anthropic.com
- יוצרים חשבון
- הולכים ל-API Keys ויוצרים מפתח
- מגדירים את המפתח בטרמינל
בואו נתחיל — 5 צעדים
צעד 1: מורידים את הסוכן
הסוכן הוא "מוח" שמלמד את Claude Code איך לעשות את ההעברה. הורדה פעם אחת ואתם מסודרים:
git clone https://github.com/asafichaki/nocode-to-nextjs.git /tmp/nocode-to-nextjs
צעד 2: מתקינים את הסוכן בפרויקט
נכנסים לתיקיית הפרויקט שלכם ומריצים:
mkdir -p .claude/skills
cp -r /tmp/nocode-to-nextjs/skills/* .claude/skills/
cp /tmp/nocode-to-nextjs/CLAUDE.md .claude/CLAUDE.md
צעד 3: מפעילים את Claude Code
עדיין בתיקיית הפרויקט, כותבים:
claude
ואז אומרים לסוכן:
אם הפרויקט מ-Lovable:
Migrate this Lovable app to Next.js with Supabase and deploy to Vercel
אם הפרויקט מ-Base44:
Migrate this Base44 app to Next.js with Supabase and deploy to Vercel
צעד 4: נותנים לו לעבוד
מפה הסוכן עובד לבד:
- סורק את הפרויקט ומבין מה יש בו
- מתקין את מה שצריך ומסיר את מה שלא
- בונה את כל המבנה מחדש בצורה מקצועית
- מוסיף SEO לכל עמוד (שגוגל ימצא אותכם)
- בונה מערכת הרשאות
- מתקן שגיאות (יהיו, זה נורמלי)
- מעלה הכל ל-Vercel
כמה זמן זה לוקח? בערך חצי יום. תלוי בגודל הפרויקט.
צעד 5: בדיקה שהכל עובד
- נכנסים לכתובת שקיבלתם מ-Vercel — האתר עולה?
- מוסיפים /sitemap.xml לכתובת — רואים רשימת עמודים?
- לוחצים Ctrl+U (או Cmd+U ב-Mac) — רואים HTML מלא ולא עמוד ריק?
- כל הדפים שהיו באתר הישן עובדים גם בחדש?
משהו לא עובד?
הסוכן נתקע באמצע
תכתבו לו:
Continue with the migration, read skills/supabase-troubleshooting.md if needed
האתר עלה אבל Supabase לא מתחבר
כנראה צריך להגדיר משתנים ב-Vercel. תכתבו לסוכן:
The Supabase connection is not working in production. Check the environment variables in Vercel.
בניתם ב-Base44 ואין לכם Supabase
זה צפוי. ב-Base44 צריך ליצור בסיס נתונים חדש. תכתבו לסוכן:
This is a Base44 project. Create Supabase tables based on the entities and migrate everything.
עדיין נתקעתם?
פתחו issue ב-GitHub ואני אעזור.
סיכום — לפני ואחרי
הנה ההבדל בין האתר שלכם לפני ואחרי ההעברה:
- לפני: גוגל לא רואה את האתר → אחרי: גוגל רואה ומאנדקס הכל
- לפני: אין כותרות ותיאורים לחיפוש → אחרי: כל עמוד עם כותרת ותיאור
- לפני: אין מפת אתר → אחרי: מפת אתר אוטומטית
- לפני: הכל רץ בדפדפן בלבד → אחרי: רץ גם בשרת (מהיר יותר)
- לפני: בסיס נתונים אחד פשוט → אחרי: 3 חיבורים מותאמים
- לפני: אזור אדמין בסיסי → אחרי: אזור אדמין מוגן עם הרשאות
- לפני: אירוח ב-Lovable/Base44 → אחרי: אירוח מקצועי ב-Vercel
הריפו: github.com/asafichaki/nocode-to-nextjs
עזר לכם? תנו כוכב בגיטהאב. נתקעתם? שלחו הודעה.
ואם אתם מעדיפים שמישהו יעשה את ההעברה בשבילכם — אנחנו ב-JOYO עושים את זה כל יום. אתרים מקצועיים עם CRM מובנה, SEO, ואוטומציות. למידע על שירותי בניית אתרים שלנו.