איך בניתי את הבלוג הזה: מאחורי הקלעים של מכונת תוכן מבוססת AI

כשהחלטתי להקים את האתר שלי, ידעתי דבר אחד: אני לא הולכת לבזבז זמן על הזנת תוכן ידנית ומייגעת. בתור מומחית לאוטומציה, האתר שלי חייב להיות השתקפות של מה שאני מאמינה בו – יעילות מקסימלית דרך טכנולוגיה.

בפוסט הזה אפרט את ה-Stack הטכנולוגי שבחרתי ואיך הפכתי את הבלוג הזה למערכת שמתקתקת עבודה כמעט לבד, כולל כמה פתרונות טכניים שמצאתי בדרך.

ה-Stack הטכנולוגי: למה דווקא אלו?

בחרתי בכלים שמאפשרים לי ביצועים מטורפים (SEO) מצד אחד, וגמישות עיצובית מלאה מצד שני:

1. Next.js 15 (App Router): הפריימוורק הכי חזק היום בשוק. הוא מאפשר לי ליצור אתר סטטי (SSG) שנטען במהירות שיא.
2. MDX (Markdown + React): כל הפוסטים שלי נכתבים בפורמט Markdown. זה מאפשר לי לכתוב טקסט נקי, אבל "להזריק" בתוכו רכיבי React חיים במידת הצורך.
3. Tailwind CSS: לעיצוב ה"בנטו" המודרני והיוקרתי של האתר.
4. Lucide React: לאייקונים המינימליסטיים שנותנים את הטאץ' המקצועי.

האוטומציה שמאחורי הקלעים

כאן זה הופך למעניין. במקום לשבת ולכתוב קוד לכל פוסט, יצרתי לעצמי תהליך עבודה (Workflow) חכם:

• מחקר ודיוק: שימוש ב-AI כדי לזקק נושאים שמעניינים את הלקוחות שלי.
• כתיבה משולבת AI: כתיבת התוכן תוך שימוש ב-API של Gemini כדי לוודא שפורמט ה-MDX תקין והמבנה אופטימלי ל-SEO.
• פתרון בעיות בזמן אמת: דוגמה טובה לכך היא התאמת ה-Metadata. כדי שלינקדאין תוכל "לקרוא" את הפוסטים שלי בצורה תקינה, הוספתי פונקציית generateMetadata שיוצרת תגי Open Graph דינמיים לכל פוסט.

השוואה: בלוג רגיל מול הבלוג של Inbal Solutions

פרמטר	בלוג בוורדפרס / וויקס	הבלוג שלי (Next.js)
מהירות טעינה	בינונית (תלוי פלאגינים)	מהירות שיא (Static)
גמישות עיצובית	מוגבלת לתבנית	חופש מוחלט בקוד
אוטומציה	דורשת פלאגינים כבדים	Native (מובנה בתהליך)
עלות אחסון	תשלום חודשי קבוע	אפס (Vercel)

מה הלאה?

הבלוג הזה הוא רק ההתחלה. המטרה הבאה שלי היא לחבר אותו ישירות למערכת ה-CRM שלי, כך שכל קורא שמוצא ערך בתוכן יוכל להפוך ללקוח בתהליך אוטומטי לחלוטין.

אוטומציה היא לא רק חיסכון בזמן, היא היכולת לייצר מערכת שעובדת בשבילך גם כשאתה לא ליד המחשב.

רוצים לבנות אתר שלא רק נראה טוב, אלא גם עובד בשבילכם? בואו נדבר על הארכיטקטורה הבאה שלכם.