דניאל פרידקין · ראשי
חזרה לפרויקטים

הנדסת Full-stack / מודרניזציית פלטפורמה

KSP Storefront — איחוד ממשקי החנות

איחוד חמישה ממשקי חנות ושירותים ותיקים לאפליקציית Next.js אחת עם רינדור בשרת, נקודות גישה מוגבלות לנתונים, מכסות קריאה ב-Redis ופריסה ב-Kubernetes.

בפיתוח

תכנון איחוד · בפיתוח

חנות משותפת עם קריאות נתונים מבוקרות

אפליקציית Next.js אחת מאחדת את התנהגות ממשקי החנות הוותיקים, לצד מכסות קריאה והגבלת origin דרך Cloudflare לצמצום גישה בלתי מוגבלת לנתונים.

  1. רינדור חוויות משותפות

    הגשת web, אתר פנימי, מובייל ושירות עצמי מאותו בסיס קוד, עם רינדור בשרת לנתיבי SEO.

    • Next.js 16
    • React 19
  2. בקרת קריאות הנתונים הנותרות

    הגבלת נקודות הגישה וספירת מכסות לפי session ולקוח, עם מעבר מרישום לאכיפה.

    • Redis
    • Cloudflare
  3. בדיקה ופריסה

    אימות תאימות ל-Production וחוזי microfrontend, פרסום images דרך CI ופריסת עומסי Kubernetes נפרדים דרך GitOps.

    • GitLab CI
    • Argo CD
    • Kubernetes / OKE

האתגר

ממשקי desktop, מובייל, קיוסק ומחשבי סניפים, לצד שירות PHP לרינדור עבור בוטים, שכפלו התנהגות עסקית, בעוד API ציבורי לנתונים אפשר קריאות אוטומטיות בלתי מוגבלות לקטלוג.

הגישה

בניית בסיס קוד משותף ב-Next.js 16 ו-React 19 לארבעה עומסי עבודה ב-Kubernetes, עם דפים המרונדרים בשרת, מכסות קריאה לפי session ולקוח, origin המוגבל ל-Cloudflare, בדיקות תאימות ל-Production והפרדה בין CI לפריסה דרך GitOps.

התפקיד שלי

בניית החנות המשותפת וחיבורי הפלטפורמה באמצעות פיתוח ובדיקת קוד בסיוע AI, השוואה ל-Production בדפדפנים אמיתיים, בדיקות אוטומטיות, CI ואימות ב-Staging.

החלטות הנדסיות

שילוב רינדור עם בקרת קריאה מפורשת

שילוב רינדור בשרת עם נקודות גישה מוגבלות, מכסות Redis והגבלת origin ל-Cloudflare מאפשר בקרת גישה לקטלוג גם בדפים וגם בקריאות API.

שמירת ההתנהגות בזמן האיחוד

בדיקות אוטומטיות לתאימות ולחוזי microfrontend תומכות באיחוד, תוך הפרדה בין בניית images לפריסה דרך Argo CD.

היקף העבודה

  • בסיס קוד אחד מאחד התנהגות desktop, מובייל, קיוסק שירות עצמי, מחשבי סניפים ורינדור לבוטים לארבעה עומסי עבודה נפרדים.
  • Next.js Cache Components ורינדור SSR חוסם עבור נתיבי SEO, עם כתובות canonical והפניות לפי מכשיר.
  • נקודות גישה מוגבלות לנתונים משתמשות במכסות Redis לפי session ולקוח, עם מעבר מרישום לאכיפה.
  • עבודת התאימות מכסה הרכבת מחשב והצעות מחיר, תשלומים, מחירי אילת וחוזי microfrontend לסל, משתמש וצ'אט.
  • כ-500 בדיקות אוטומטיות ובדיקות Playwright מאמתות התנהגות מרכזית ורינדור SSR חוסם בנתיבי SEO.
  • לוגים ב-JSON, עקבות OpenTelemetry דרך Grafana Alloy ומדדי Prometheus תומכים בתפעול; nginx מגיש קבצים סטטיים משותפים.
  • הודעות גרסה ו-PWA לבחירה כוללות דף offline; GitLab CI בונה images לפריסה נפרדת דרך Argo CD.
הפרויקט הבאמעבר Production ל-OCI פרנקפורט בשלושה אזורי זמינות