01
Next.js 14 App Router עם מעטפת (app) מאומתת, דפי שיווק, /book/[slug] ציבורי ומסלולי פורטל לקוחות
עבודותServiceOS
תזמון · עסקי שירות קטנים2026
ServiceOS
מוצר תפעול והזמנות למורים מרובים — פגישות, לקוחות, דפי הזמנה ציבוריים, תזכורות ופורטל לקוחות.
- פרויקט
- בניית מוצר
- שנה
- 2026
- מיקוד
- תזמון · עסקי שירות קטנים
סקירה
מה הפרויקט יצא לפתור
ServiceOS (ריפו ציבורי: TheServiceOS) נבנה למדריכים עצמאיים ולעסקי שירות קטנים שמתזמנים שיעורים או ביקורים. הוא מחליף כאוס של גיליונות ווואטסאפ במקום אחד ליומן, לקוחות, בקשות הזמנה, קישורי הזמנה ציבוריים ממותגים ותזכורות — עברית קודם ומוכן ל-RTL.
התפקיד שלנו: עיצוב מוצר ופיתוח SaaS מקצה לקצה — ארכיטקטורת App Router, מודל נתונים ב-Supabase, סשנים, זרימות הזמנה, תזכורות, פורטל לקוחות ומעטפת שיווק מוכנה להשקה.
אתגר עסקי
הבעיה התפעולית שסביבה עיצבנו
עסקי שירות קטנים — בתי ספר לנהיגה, קליניקות ותחומים דומים — לרוב מנהלים תזמון בשיחות, גיליונות ושרשורי וואטסאפ. קשה לפרסם זמינות, לבקשות הזמנה אין מסלול אישור ברור, ותזכורות נופלות בין הכיסאות.
לתת למורים ולצוות מעטפת תפעול מאומתת לפגישות, לקוחות וזמינות — בזמן שלקוחות קצה מזמינים דרך כתובת slug ציבורית בלי להתחבר.
החלקים הקשים בבעיה
- 01לשמור על יצירת משבצות נכונה מול זמינות, תאריכים חסומים ופגישות חופפות
- 02מולטי-מורים עם slug ציבורי לכל מורה ורשימה מוגבלת לסשן
- 03משלוח תזכורות בוואטסאפ, אימייל ו-cron אופציונלי בלי צימוד שביר לספק
הפתרון
איך המוצר פותר את זה
בנינו את ServiceOS כמוצר Next.js App Router על Supabase: הזמנה ציבורית דרך /book/[slug], אישור בקשות הזמנה לפגישות, זמינות ותאריכים חסומים ליצירת משבצות, התראות בתוך האפליקציה, תזכורות מכוונות וואטסאפ, אימייל אופציונלי ב-Resend, נקודות אינטגרציה ל-Stripe, פורטל לקוחות ותמיכת PWA/אופליין.
- 01דפי הזמנה ציבוריים לפי slug של מורה — הלקוח בוחר משבצת ושולח בקשה ממתינה
- 02מעטפת מאומתת לפגישות (יומן), לקוחות, מורים והגדרות זמינות
- 03מסלול אישור/דחייה של בקשות הזמנה שמופה לפגישות
- 04תזכורות עם עוזרי וואטסאפ, אימייל Resend אופציונלי ונקודות Google Calendar
- 05פורטל לקוחות להרשמה, הזמנה, שינוי מועד והיסטוריית תשלומים
- 06תמיכת PWA עם דף אופליין לשימוש יציב יותר במובייל
ארכיטקטורה
איך המערכת מתחברת
02
Supabase כשכבת נתונים — לקוח anon בדפדפן ולקוח service-role בשרת
03
עוגיות סשן מאומתות מול מודל sessions/teachers לצוות
04
יצירת משבצות מהגדרות זמינות ותאריכים חסומים
05
הוקים לתזכורות והודעות (וואטסאפ, Twilio אופציונלי, טיוטות AI אופציונליות)
06
ספריות Stripe לתשלומים; Resend לאימייל עסקי
סטאק טכנולוגי
כלים שנבחרו לבעיה
Next.js
TypeScript
React
Tailwind CSS
Supabase
Stripe
Resend
PWA
צילומי מסך
פריימים נבחרים מהמוצר
תהליך הפיתוח
איך הבנייה התקדמה
- 01
הגדרנו את המוצר סביב תפעול מורים והזמנה ציבורית ללקוחות — לא CRM גנרי
- 02
מידלנו פגישות, לקוחות, מורים, זמינות ואישור הזמנות ב-Supabase
- 03
השקנו קודם את זרימת ההזמנה הציבורית ואת מסלול האישור/דחייה לצוות
- 04
הוספנו תזכורות, התראות, ווידג'טי אנליטיקס ופורטל לקוחות
- 05
חיזקנו מקרי קצה באימות/סשן והכנו פריסה ל-Vercel עם סודות מבוססי env
לקחים
מה הבנייה הזו לימדה אותנו
- 01הזמנה ציבורית עובדת רק כשזמינות ותאריכים חסומים נשארים מקור האמת היחיד
- 02מוצרים בעברית קודם ו-RTL צריכים תוויות מותאמות לענף מהיום הראשון
- 03להפריד מוקדם בין אימות צוות לאימות פורטל לקוחות — טבלאות משותפות עם מודלי סשן שונים נשארות ברורות יותר
העבודות המוצגות הן בניית מוצר ומערכות לדוגמה — התוצאות משתנות לפי היקף ואילוצים.
שיחת אסטרטגיה
רוצים בנייה כמו ServiceOS לתהליך שלכם?
שתפו את צוואר הבקבוק בעסק. נמפה שלב ראשון דומה — היקף בכתב, דמואים שבועיים, בלי הבטחות מומצאות.
עוד בניית מוצר
