WHATS POPPIN

פופ-אפים ושווקים זמניים בישראל: אוכל, אופנה ועיצוב, שווקים, אמנות ותרבות, ילדים ומשפחה, השקות מותגים ועוד. אתר שמותאם לטלפון ונראה כמו אפליקציה (Next.js), עם Supabase כמסד נתונים. האתר זמין בעברית, בערבית (/ar) ובאנגלית (/en). מחליפים שפה בלחיצה אחת למעלה, והאתר זוכר את הבחירה.

עיקרון מס' 1: ידידותיות למשתמש מעל הכל. אם משהו מבלבל, מפשטים אותו או מוותרים עליו.

מצב הדגמה: עד שמחברים את Supabase, האתר מציג 25 פופ-אפים לדוגמה, עם הודעה בכל עמוד שאלה דוגמאות ולא אירועים אמיתיים. עמודי הדוגמה לא נכנסים למפת האתר של גוגל. התחברות, הגשת פופ-אפים, ניהול ותזכורות מתחילים לעבוד אחרי החיבור.

---

מה יש באתר

עמוד	מה יש בו
גילוי (/)	לוהט עכשיו, קרוב אליך, הסופ״ש הזה, נגמר בקרוב, חיפוש וקטגוריות
מפה (/map)	סמנים לפי צבע קטגוריה, כפתור גדול "קרוב אליי", רשימה לפי מרחק (1/5/10/25 ק״מ), סינון: פתוח עכשיו / היום / בסופ״ש / חינם
שמורים (/saved)	מה ששמרתם, לפי מה שנגמר ראשון. שמירה בלי הרשמה
פרופיל (/profile)	התחברות, קטגוריות אהובות, אזור, תזכורות, כניסה לעסקים ולניהול
עמוד פופ-אפ (/p/...)	תמונות, סטטוס, שעות, נגישות, ניווט ב-Waze / Google Maps, שיתוף ותזכורת ביומן
לעסקים (/business)	הגשת פופ-אפ (עובר אישור), עריכה ונתונים: צפיות, שמירות וניווטים
ניהול (/admin)	תור אישורים, כל הפופ-אפים, הוספה מהירה, קידום ממומן, נתונים

---

להעלות את האתר לאוויר (רק לחיצות, בלי טרמינל)

חלק 1: מסד הנתונים ב-Supabase (כ-10 דקות)

1. נכנסים ל-https://supabase.com, נרשמים (אפשר עם GitHub) ולוחצים New project.
2. Name: whats-poppin. Region: Central EU (Frankfurt), הכי קרוב לישראל. בוחרים סיסמה ושומרים אותה. לוחצים Create.
3. פותחים את supabase/setup.sql ב-GitHub ולוחצים על Copy raw file (אייקון של שני ריבועים, מעל הקוד).
4. ב-Supabase, בתפריט השמאלי: SQL Editor. מדביקים ולוחצים Run. צריך להופיע Success.
5. Authentication → Sign In / Providers:
   • מפעילים Allow anonymous sign-ins. בזכות זה אפשר לשמור פופ-אפים ולקבל תזכורות בלי להירשם.
   • מוודאים ש-Email מופעל.
6. Project Settings → API Keys. מעתיקים בצד שלושה דברים:
   • Project URL
   • המפתח הציבורי anon / publishable
   • המפתח הסודי service_role / secret. שומרים אותו בסוד ולא משתפים.

חלק 2: האתר ב-Vercel (כ-5 דקות)

1. נכנסים ל-https://vercel.com ונרשמים עם Continue with GitHub.
2. Add New → Project, ובוחרים את הריפו popups-app → Import.
3. Root Directory: לוחצים Edit ובוחרים apps/web.
4. פותחים Environment Variables ומוסיפים את המשתנים מהטבלה למטה.
5. לוחצים Deploy. אחרי כדקה מקבלים קישור לאתר.

חלק 3: חיבור אחרון (כ-3 דקות)

1. כתובת האתר: ב-Supabase: Authentication → URL Configuration.
   • Site URL: כתובת האתר מ-Vercel (למשל https://whats-poppin.vercel.app).
   • Redirect URLs: מוסיפים https://<הכתובת שלכם>/auth/callback.
2. מייל התחברות (אחרי שמחברים שירות מיילים ב-Authentication → Emails → SMTP Settings, למשל Gmail ייעודי לאתר): ב-Authentication → Emails → Magic link or OTP, ב-Subject כותבים הכניסה שלך ל-WHATS POPPIN, וב-Body (לשונית Source) מדביקים:

   <div dir="rtl" style="font-family:Arial,sans-serif;font-size:16px;line-height:1.6">
     <h2>הכניסה שלך ל-WHATS POPPIN</h2>
     <p>הקוד שלך:</p>
     <p dir="ltr" style="font-size:28px;font-weight:bold;letter-spacing:4px">{{ .Token }}</p>
     <p>או פשוט לוחצים כאן: <a href="{{ .SiteURL }}/auth/callback?token_hash={{ .TokenHash }}&type=email">כניסה לאתר</a></p>
     <p style="color:#555">הקוד והקישור תקפים לזמן קצר ולשימוש אחד. אם לא ביקשת להיכנס, אפשר להתעלם מהמייל.</p>
   </div>
   

   הקישור הזה עובד בכל דפדפן ובכל מכשיר, גם אם פותחים את המייל בטלפון.
3. להפוך את עצמכם למנהלים:
   • נכנסים לאתר ומתחברים פעם אחת עם המייל שלכם (פרופיל → התחברות).
   • ב-Supabase → SQL Editor מריצים את השורה הבאה, עם המייל שלכם:

     update profiles set role = 'admin' where id = (select id from auth.users where email = '[email protected]');
     

   • רעננו את האתר. בפרופיל יופיע "לפאנל הניהול".
4. כתובת האתר ב-Vercel: אם עוד לא עשיתם את זה, מוסיפים את NEXT_PUBLIC_SITE_URL עם כתובת האתר ועושים Redeploy.

לפני שמפרסמים את האתר

• דומיין משלכם מחובר ב-Vercel (Settings → Domains), ו-NEXT_PUBLIC_SITE_URL מוגדר אליו.
• Supabase מחובר (ההודעה הצהובה "תצוגה לדוגמה" נעלמת).
• הפופ-אפים לדוגמה הוסרו: את 26 הפופ-אפים שנוצרו עם setup.sql מוחקים בהרצת הקובץ supabase/remove-demo-data.sql ב-SQL Editor. אם הוספתם דוגמאות מפאנל הניהול, מוחקים אותן ב-ניהול → הסרת כל הפופ-אפים לדוגמה.
• יש באתר פופ-אפים אמיתיים בלבד, עם פרטים ותמונות שקיבלתם מהמארגנים.
• NEXT_PUBLIC_CONTACT_EMAIL מוגדר, כדי שמדיניות הפרטיות, התקנון והצהרת הנגישות יציגו כתובת אמיתית.
• עברתם על מדיניות הפרטיות והתקנון (/privacy, /terms). מומלץ גם בדיקה של עורך דין.
• כפתור הנגישות עובד בטלפון ובמחשב.

איך בודקים שהכל עובד

• חיבור למסד הנתונים: בפרופיל, תחת "בדיקת מערכת", צריך להופיע "מחובר · 25 פופ-אפים פעילים".
• התחברות: מתחברים עם המייל ובודקים שמגיע מייל עם קוד.
• הגשה ואישור: ב"לעסקים" מגישים פופ-אפ לניסיון, ואז מאשרים אותו ב"ניהול → לאישור".

---

여기까지가 README 앞부분입니다. 나머지는 원문에서 읽을 수 있습니다. README 전문 보기 ↗