Saylo
אתר ללימוד אנגלית מותאם אישית — מבחן רמה, מסלול לימוד אישי לפי CEFR, מורה AI שמכיר את החולשות והחוזקות שלכם, ותרגול דיבור וכתיבה עם משוב אמיתי. הבאקנד הוא Supabase (auth, database), ה-AI מבוסס Claude (Anthropic), והתשלומים דרך Stripe.
זהו פרויקט חדש ונפרד מ-FOMO (אפליקציית התאמת המסיבות בתיקייה השכנה) — לא קשור אליו.
הרצה מקומית
npm install- להעתיק את
.env.local.example ל-.env.local ולמלא את כל המפתחות (Supabase, Anthropic, Stripe) — ראו הערות בקובץ עצמו לאיפה להשיג כל אחד.
- להריץ את
supabase/schema.sql מול פרויקט Supabase חדש (SQL Editor → New query), ואת קבצי supabase/seed/*.sql לפי הסדר המספרי כדי לטעון תוכן לימוד לדוגמה.
- Authentication → Providers: לוודא ש-Email מופעל. Google (אופציונלי) דורש client ID/secret משלכם תחת אותה מסך.
npm run dev ולפתוח http://localhost:3002npm test להרצת הטסטים האוטומטיים (לוגיקת מנויים/לבבות).
מצב נוכחי
שלבים 1–9 בנויים ומאומתים: יסודות ומערכת עיצוב (כולל מצב כהה/בהיר ועיצוב עם אנימציות תגובתיות בכל האתר), אוצר מילים ודקדוק, תרגילים וגיימיפיקציה וחזרה חכמה (SRS), קריאה והאזנה, AI (מבחן רמה / Writing Coach / המלצות מורה), דיבור עם AI (תרחישים + שיחה חופשית + אישור הורה לקטינים), מנויים/תשלומים דרך Stripe (ניסיון חינם, מגבלת "לבבות" לתוכנית החינמית, שדרוג לפרימיום), לוח ניהול (Admin CMS) ב-/admin, תרגול הגייה חי עם ניקוד דרך Azure AI Speech (Pronunciation Assessment — זמין למנויי פרימיום, ראו src/components/PronunciationRecorder.tsx), התראות — תזכורות רצף במייל (Resend) ו-Web Push, מופעלות דרך cron יומי (vercel.json + /api/cron/reminders), ו-PWA (ניתן להתקין את האתר כאפליקציה — manifest.ts, אייקונים דינמיים, service worker).
עדיין לא בנוי (הוחלט לדחות עד שיהיה צורך אמיתי): פיצ'ר "דיווח משתמש" ידני (כרגע מנהלים בלבד יכולים לסמן שיחות לבדיקה).
פריסה (Deployment)
Vercel הוא הפתרון הטבעי ל-Next.js:
- לוודא שהריפו דחוף ל-GitHub.
- ב-vercel.com → New Project → לייבא את הריפו.
- בהגדרות הפרויקט ב-Vercel (Environment Variables) להוסיף את כל המשתנים מ-
.env.local.
- ב-Stripe: להגדיר webhook endpoint אמיתי שמצביע על
https://<הדומיין שלכם>/api/webhooks/stripe ולעדכן את STRIPE_WEBHOOK_SECRET בהתאם (הערך הנוכחי הוא זמני, מ-stripe listen לפיתוח מקומי).
- ב-Resend: לאמת דומיין שליחה (resend.com/domains) — בלי זה אפשר לשלוח מיילים רק לכתובת שנרשמתם איתה ל-Resend, לא למשתמשים אמיתיים.
vercel.json כבר מגדיר cron יומי ל-/api/cron/reminders — ברגע שמשתנה הסביבה CRON_SECRET מוגדר בפרויקט ב-Vercel, זה עובד אוטומטית (Vercel מצרף אותו כ-Bearer token).- Deploy.
מבנה הפרויקט
src/app/(marketing) — דף נחיתה ומחירים (ציבורי)src/app/(auth) — הרשמה, התחברות, איפוס סיסמהsrc/app/(app) — כל מסכי הלמידה (מוגן, דורש התחברות)src/app/(admin)/admin — לוח ניהול (מוגן, דורש profiles.is_admin = true)src/app/consent/[token] — עמוד אישור הורה (ציבורי, ללא התחברות)src/app/api/ai/* — נקודות קצה ל-AI (Claude)src/app/api/stripe/*, src/app/api/webhooks/stripe — checkout ו-webhooksrc/proxy.ts — הגנת נתיבים (Next 16 middleware)src/lib/ — כל הלוגיקה העסקית, מחולקת לפי תחום (ai, srs, gamification, subscriptions, speech, exercises...)src/types/database.ts — טיפוסי הטבלאותsupabase/schema.sql — הסכמה המלאה — להתקנה מאפסsupabase/migrations/ — שינויים תוספתיים, ממוספרים לפי סדר הרצהsupabase/seed/ — תוכן לימוד לדוגמה (אוצר מילים, דקדוק, תרגילים, תרחישי שיחה...)
