בפוסט הקודם הסברתי איך לייבא את התגובות הישנות מ Wordpress ל-11ty. בפוסט הזה, אראה איך להתקין שרת Staticman, ואיך לחבר אליו את טופס התגובות באתר.

Staticman logo by Erlen Masson

גם הפעם הסתמכתי על מדריך קיים שחיבר Travis Downs עבור שילוב Staticman בבלוג מבוסס Jekyll. בסופו של דבר, ביצעתי את השלבים הבאים:

1. יצירת חשבון בוט ב GitHub (לגמרי לפי המדריך הנ"ל)
2. הגדרות staticman.yml (גם כן לפי המדריך)
3. הגדרות staticman בתוך src/globals/site.json. כאן יש הבדל לעומת המדריך, מכוון שקובץ זה יחודי ל 11ty, ובמדריך ההתיחסות היא לסביבת Jekyll. בכל מקרה, העקרונות דומים, וכאן תוכלו לראות את ההגדרות שלי.
4. הקמת שרת staticman. אחרי יצירת המפתחות, בחרתי בדרך שונה מהמומלץ (הקמה דרך Heroku), ובמקום זה העלתי שרת עצמאי שרץ דרך docker. בניגוד למוסבר בדקומנטציה, כאן יש חוסר בתיעוד המקורי, ויש לזכור להגדיר את מפתחות ההצפנה בקובץ docker-compose.yml
5. הזמנת הבוט להשתתף ב repo (ע"פ המדריך)
6. הפעלת reCAPCHA - בעיקר על פי המדריך. יש לשים לב שבחלק המתייחס ל ‎_config.yml יש לבצע את השינויים במקום זאת ב src/globals/site.json
7. שילוב התגובות באתר. כאן ההבדלים מעט יותר משמעותיים, הן בגלל ההבדלים בין Jekyll ל-11ty, והן בגלל הרצון שלי לתמוך בקינון מעבר לרמה אחת. בנוסף, לא אהבתי את ה JS של הפוסט המקורי שמשתש במעורב ב jQuery ו-Vanilla JS. במקום זה השתמשתי בספריה רזה יותר בשם cash, שמאפשרת סינטקס דמוי jQuery במחיר של תמיכה בפחות פיצ'רים ופחות דפדפנים ישנים (אבל עדיין תומכת ב IE11). על הצגת התגובות כתבתי בפוסט הקודם. העבודה על טופס התגובות החדשות מסתכמת בסופו של דבר בקבצי ה HTML, CSS, ו-JS אותם תוכלו לראות ב repo הסופי.

מוזמנים להגיב למטה ולראות איך כל ה flow עובד. עד לאישור, תוכלו לצפות בתגובות שלכם באזור ה Pull Requests של הבלוג.