אלעד וייטמן

צלם · מפתח · יועץ דיגיטלי

← כל השיחות
6 יולי 2026
🕯️ אילפא — מ-wireframes לאפליקציה חיה עם CMS
אילפא Supabase Hub Lovable Design
מה עשינו
  • ●ייבאנו את ה-wireframes מ-Claude Design (פרויקט 34e858aa) — 6 סבבי עיצוב, נשמרו כ-design/ilapha-wireframes.dc.html
  • ●בנינו את כל האפליקציה מאפס: Preact+HTM ללא build step (אין Node על המחשב) — בית, יומן, ספרייה, פודקאסט, קהילה, onboarding, פרופיל
  • ●כתבנו תוכן אמיתי בעברית: 12 זיקים, 18 מקורות, בטון "כן לא מטיף" מהבריף
  • ●פרסנו לייב ל-hub.eladweitman.com/eilfa — ריפו הועבר בדרך גם ל-~/dev/elad-hub (במקום Downloads)
  • ●תיקנו באג טעינה ראשונה (מסך שחור) — redirect ל-onboarding הוחלף ברינדור ישיר
  • ●הכנו שכפול ל-Lovable: 6 פרומפטים מוכנים + content.json — להמשך פיתוח ואנימציות בלי לגעת בגרסה החיה
  • ●העברנו את התוכן (זיקים/מקורות/תגיות) מקובץ JS סטטי ל-Supabase — טבלאות עם RLS מלא
  • ●בנינו ממשק ניהול (CMS) ב-/eilfa/#/admin: כניסה, דשבורד, עריכת זיקים/מקורות עם תצוגה מקדימה חיה, ניהול משתמשים
  • ●אבחנו ופתרנו בעיית כניסה ראשונה: מייל איפוס סיסמה הפנה ל-localhost (הגדרת Site URL ב-Supabase) — נקבעה סיסמה ישירות במסד כפתרון מיידי
  • ●הרחבנו את ערכת ה-Lovable: פרומפט חדש (1B) שמחבר את גרסת Lovable לאותו מסד Supabase חי, README מלא, ה-wireframes צורפו, והכל ארוז ל-ilfa-lovable-kit.zip
החלטות מפתח
המקור החי נשאר בהאב, Lovable הוא fork. hub.eladweitman.com/eilfa הוא ה-reference — כשעובדים ב-Lovable על אנימציות/פיצ'רים נוספים, לא נוגעים בגרסה הזו.
content-repo.js: Supabase + cache + seed — לעולם לא נתקע. טעינה ראשונה מנסה Supabase (timeout קצר), נשמר ל-localStorage; ביקורים הבאים טוענים מ-cache מיד ומרעננים ברקע. אם המסד ישן (free tier) או שאין רשת — נופל לתוכן הסטטי המובנה. האפליקציה תמיד עולה מיד.
לוגיקת "זיק היום": scheduled_date קודם, order_index כ-fallback. כדי שאפשר יהיה לתזמן זיק ספציפי לתאריך מסוים דרך הממשק, ובלי זה — רוטציה יציבה שלא נשברת כשמוסיפים/מוחקים תוכן.
הרשאות עריכה: editor שומר טיוטה בלבד, owner מפרסם. נאכף ב-RLS בצד השרת (לא רק ב-UI) — כתיבה אנונימית נבדקה ונחסמת.
אין Node/npm/gh במחשב. נלקח בחשבון בכל שלב — שרת תצוגה תמיד python3 -m http.server, ואין הצעות npm/npx.
ערכת Lovable = פרומפטים, לא ייצוא קוד. Lovable בונה React+Vite לפי שפה טבעית — אי אפשר פשוט להעביר זיפ של קוד Preact קיים. הפתרון: פרומפטים מדויקים + content.json כגיבוי + חיבור אמיתי לאותו Supabase, כך שתוכן שנערך פעם אחת מופיע בשתי הגרסאות.
קבצים שנוצרו / עודכנו
אילפא/design/ilapha-wireframes.dc.html אילפא/lovable/prompts.md אילפא/lovable/content.json אילפא/lovable/README.md אילפא/ilfa-lovable-kit.zip ~/dev/elad-hub/eilfa/ (כל האפליקציה) eilfa/js/lib/content-repo.js eilfa/js/lib/supabase.js eilfa/js/lib/auth.js eilfa/js/admin/*.js (login, shell, dashboard, sparks, sources, users) Supabase: טבלאות sparks, sources, tags, admin_users, admin_allowlist
מה נשאר לשיחה הבאה
  • ●לתקן את Site URL / Redirect URLs ב-Supabase Auth (עדיין מוגדר ל-localhost:3000) — כדי שמיילי איפוס סיסמה והזמנת עורכים עתידיים יעבדו בלי התערבות ידנית
  • ●להתחיל שיחת Lovable נפרדת עם ilfa-lovable-kit.zip — פרומפט אחר פרומפט, לבדוק תוצאה אחרי כל אחד
  • ●לוודא שהטוקן הישן של GitHub שנחשף בשיחה מקבילה בוטל בפועל ב-GitHub (חדש כבר בשימוש)
  • ●קישורי Spotify אמיתיים + שם פרק 2 (עדיין placeholder ב-PODCAST)
  • ●העברת PODCAST ו-COMMUNITY ל-Supabase (נשארו סטטיים בכוונה בשלב הזה)
  • ●חיבור Supabase Auth למשתמשי הקצה (סנכרון יומן בין מכשירים — כרגע localStorage בלבד)
  • ●אתר שיווקי (eilfa.co.il) — עדיין לא נבנה