פיתוח אתר תיעוד ב-Nextra (Next.js + MDX)

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

פיתוח ותחזוקה של כל סוגי האתרים:

אתרי מידע או יישומי אינטרנט
אתרי תדמית, דפי נחיתה, אתרי חברה, קטלוגים מקוונים, חידונים, אתרי קידום, בלוגים, מקורות חדשות, פורטלי מידע, פורומים, אגרגטורים
אתרי מסחר אלקטרוני או יישומי אינטרנט
חנויות מקוונות, פורטלי B2B, שווקים, בורסות מקוונות, אתרי קאשבק, בורסות, פלטפורמות דרופשיפינג, מנתחי מוצרים
יישומי אינטרנט לניהול תהליכים עסקיים
מערכות CRM, מערכות ERP, פורטלים ארגוניים, מערכות ניהול ייצור, מנתחי מידע
אתרי שירות אלקטרוני או יישומי אינטרנט
פלטפורמות מודעות, בתי ספר מקוונים, בתי קולנוע מקוונים, בוני אתרים, פורטלים לשירותים אלקטרוניים, פלטפורמות אירוח וידאו, פורטלים נושאיים

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

השירותים שאנו מציעים
מציג 1 מתוך 1כל 2062 השירותים
פיתוח אתר תיעוד ב-Nextra (Next.js + MDX)
פשוט
~2-3 ימים
שאלות נפוצות

Nextra: מדוע אתר התיעוד מתפרק כשהמוצר גדל

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

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

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

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

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

מה נותן Nextra: מצבי בנייה, ניווט וחיפוש

Nextra בונה תיעוד מקבצי MDX: התוכן והסימון נמצאים בקובץ אחד, ובפלט מתקבל אתר סטטי עם ניווט וחיפוש מוכנים. הבנייה היא אינקרמנטלית — עריכה של מקטע אחד בונה מחדש רק את הדפים המושפעים, ולכן מחזור טיפוסי של «תיקנתי טקסט → בדקתי מקומית» מסתיים בשניות, ולא בדקות כמו בבנייה מלאה מחדש.

מצבי בנייה ותוכן MDX

יצירה סטטית מפיקה דפים מוכנים שמוגשים מ-CDN ללא רינדור בצד השרת בכל בקשה. MDX מאפשר להטמיע בטקסט התיעוד רכיבים חיים — טבלאות פרמטרים, מתגי גרסאות, דוגמאות מוטמעות. מחבר המקטע עורך קובץ אחד ואינו נוגע בפריסה: מבנה הדף, תוכן העניינים ונתיבי הניווט נבנים מעץ הקבצים באופן אוטומטי.

ניווט וחיפוש מקומי

הניווט בין מקטעים נקבע לפי סדר הקבצים והמטא-נתונים — דף חדש מופיע בתפריט ללא עריכה ידנית של תבניות. החיפוש המקומי מאנדקס את התוכן בשלב הבנייה, ולכן פועל ללא שירות חיצוני ואינו שולח בקשות החוצה.

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

עיצוב התיעוד

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

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

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

איך אנחנו מטמיעים אתר תיעוד: מהערכה ועד למסירה

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

לאחר מכן בונים את המבנה ומגדירים את הבנייה כך שהתוכן נערך ב-markdown ולא בקוד הפריסה. Nextra לוקחת על עצמה את הניתוב והניווט לפי מבנה הקבצים, כך�הוספת פרק מסתכמת ביצירת תיקייה וקובץ — בלי שינויים בקוד.

  1. הערכת התיעוד הקיים. ספירת מקורות, סימון כפילויות, הערכת היקף ואיכות התוכן.
  2. סכמת פרקים וגרסאות. עץ ניווט, כללי שמות, ענפים לגרסאות שונות של המוצר, מילון מונחים אחיד.
  3. הגדרת בנייה וחיפוש. יצירה סטטית, חיפוש טקסט מלא מקומי, הדגשת קוד, בדיקת בנייה בכל שינוי.
  4. בדיקת קישורים. הרצה אוטומטית של קישורים פנימיים וחיצוניים, דוח על כתובות שבורות לפני הפרסום.
  5. הזנה בתוכן אמיתי. מעבירים לא דוגמאות אלא חומרים עובדים — כך רואים מיד היכן המבנה לא מחזיק.
  6. סקירה עם צוות הלקוח. עוברים על הפרקים יחד עם אלה שיכתבו את התיעוד בהמשך.
  7. מסירת הפרויקט. הרשאות, תקנון עריכות, הוראות להוספת דפים ולהוצאה לאור.

בדיקת קישורים ובנייה משולבת בצינור הפרסום: דף עם קישור לא עובד או סימון שבור просто לא יגיע לאתר. זה מסיר סוג של שגיאות שבדרך כלל צצות כבר אצל המשתמשים ומערערות את האמון בתיעוד.

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

במה שונה מחולל תיעוד מעימוד ידני של מדורים?

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

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

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

הוספתם קובץ לספרייה — הוא הופיע מעצמו בתפריט הצד, נכנס לחיפוש וקיבל קישורים תקינים. אף אחד לא מתקן את העימוד ביד, ולכן פערים בין המדורים לא נוצרים פיזית.

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

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

מקרה בוחן: תיעוד מוצר עם מהדורות שבועיות

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

על בירור «איפה בתיעוד כתוב על הפרמטר הזה» הושקעו עד עשר דקות, וקישורים שבורים לאחר שינוי שמות עמודים התגלו רק מתלונות המשתמשים.

העברנו את התיעוד ל-Nextra — מחולל אתרים סטטיים מבוסס Next.js, שבו המדורים נכתבים ב-MDX ונמצאים לצד הקוד באותו מאגר. העורך כעת מבצע קומיט לעמוד בעצמו, והבנייה בודקת קישורים ומבנה בשלב הבנייה, ולא בפרודקשן.

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

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

הזמן עד לתשובה הרצויה התקצר מעשר דקות לדקה: המשתמש מחפש לפי מילת מפתח ומגיע למדור מסוים, ולא מדפדף בעץ.

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

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

ספקות לפני ההתחלה: תאימות, מיגרציה, חזרה לאחור, הרשאות

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

ב-Nextra המיגרציה מתבצעת עמוד אחר עמוד: מבנה הספריות במאגר משקף את עץ הניווט, והעמודים מועברים בפורמט MDX — markdown רגיל נשאר תקין, ובלוקים אינטראקטיביים מתווספים באופן ממוקד היכן שהם באמת נחוצים. הכתובות הישנות נשמרות באמצעות כללי הפניה מחדש, כך שקישורים חיצוניים ותוצאות חיפוש לא נשברים.

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

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

עד כמה קשה לתחזק את האתר ללא הצוות שלכם?

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

לידי הלקוח נמסרים:

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

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

לוח הזמנים של שלבי הטמעת אתר התיעוד

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

שלב מה קורה זמן משוער
אאודיט מפרקים את התיעוד הקיים, את המקורות (מאגרי קוד, ויקי, קבצים), את תפקידי הקוראים ואת הרשאות הגישה 2–4 ימים
סכימה מתכננים את עץ המדורים, את הניווט, את החיפוש, את כללי הניהול של גרסאות ואת הטיוטות 3–5 ימים
הגדרה מרימים את הבנייה על Nextra, מחברים רכיבי MDX, ערכת נושא, חיפוש, פריסה אוטומטית מהמאגר 1–2 שבועות
מילוי תוכן מעבירים ומבנים את התוכן, מגדירים בדיקות קישורים ובניות על כל קומיט 1–3 שבועות
בדיקה בודקים ניווט, חיפוש, תצוגה במובייל, מהירות בנייה, הרשאות 3–5 ימים
מסירה מוסרים את המאגר, את התצורות, את ההוראות להוספת עמודים ואת התקנון לעדכונים 2–3 ימים

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

במקביל אפשר להריץ שלבים: בזמן שמתאמים את המבנה, המהנדסים כבר מכינים את הבנייה ואת ערכת הנושא. זה מקצר את הזמן הכולל, אבל לא משפיע על האיכות — הבדיקה והמסירה מתבצעות strictly לאחר מילוי התוכן, אחרת התיעוד יעלה לפרודקשן עם קישורים שבורים.

תארו את המשימה — נחזור עם הערכה ותוכנית בהתאם להיקף התיעוד ולסטאק הנוכחי שלכם.

הכישורים שלנו:

העבודות האחרונות

  • פיתוח אפליקציית ווב עבור FEEDME
    פיתוח אפליקציית ווב עבור FEEDME
    1393
  • פיתוח חנות מקוונת לחברת FURNORO
    פיתוח חנות מקוונת לחברת FURNORO
    1368
  • פיתוח אפליקציית ווב עבור Enviok
    פיתוח אפליקציית ווב עבור Enviok
    1139
  • פיתוח CRM עבור Chasseurs
    פיתוח CRM עבור Chasseurs
    1152
  • פיתוח אתר עבור SBH Partners
    פיתוח אתר עבור SBH Partners
    1231
  • פיתוח אתר עבור Red Pear
    פיתוח אתר עבור Red Pear
    641