Next.js

Next.js
מחזור חיים 25 באוקטובר 2016 – הווה (8 שנים) עריכת הנתון בוויקינתונים
גרסה אחרונה 15.2.3 (18 במרץ 2025) עריכת הנתון בוויקינתונים
מערכת הפעלה חוצה-פלטפורמות עריכת הנתון בוויקינתונים
נכתבה בשפות JavaScript עריכת הנתון בוויקינתונים
סוג רישיון רישיון MIT עריכת הנתון בוויקינתונים
קוד מקור https://github.com/vercel/next.js עריכת הנתון בוויקינתונים
nextjs.org
לעריכה בוויקינתונים שמשמש מקור לחלק מהמידע בתבנית

Next.js היא ספריית תוכנה בקוד פתוח שנבנתה על גבי Node.js המאפשרת פונקציונליות של יישומי אינטרנט מבוססי React כגון עיבוד בצד השרת ויצירת אתרים סטטיים. תיעוד React מציין את Next.js בין "שרשרת הכלים המומלצת" וממליץ עליו למפתחים כפתרון כאשר "בונים אתר עם Node.js".[1] אפליקציות React המסורתיות מציגות את כל התוכן שלהן בדפדפן בצד הלקוח, Next.js משמש להרחבת פונקציונליות זו כך שתכלול יישומים המעובדים בצד השרת.

זכויות היוצרים והסימנים המסחריים של Next.js הם בבעלות חברת Vercel (ששמה בעבר ZEIT), שגם מתחזקת ומובילה את פיתוח הקוד הפתוח שלה.[2]

רקע

[עריכת קוד מקור | עריכה]

Next.js היא ספריית React המאפשרת מספר תכונות נוספות, כולל עיבוד בצד השרת ויצירת אתרים סטטיים.[3] React היא ספריית JavaScript המשמשת באופן מסורתי לבניית יישומי אינטרנט המעובדים בדפדפן של הלקוח עם JavaScript.[4] עם זאת, מפתחים מזהים מספר בעיות באסטרטגיה זו, כמו אי שירות למשתמשים שאין להם גישה ל-JavaScript או שהשביתו אותו, בעיות אבטחה פוטנציאליות, זמני טעינת דפים ארוך באופן משמעותי, וזה יכול לפגוע באופטימיזציה הכוללת של האתר למנועי החיפוש.[4] ספריות כגון Next.js עוקפות את הבעיות הללו על ידי מתן אפשרות לעיבוד חלק מהאתר או כולו בצד השרת לפני שליחתו ללקוח.[4][5] Next.js הוא אחד הרכיבים הפופולריים ביותר הזמינים ב-React.[6] זוהי אחת מכמה "שרשראות כלים" מומלצות הזמינות בעת הפעלת אפליקציה חדשה, כולן מספקות שכבת הפשטה כדי לסייע במשימות נפוצות.[7] Next.js דורש Node.js וניתן לאתחל אותו באמצעות Node Package Manager (או NPM).

גוגל תרמה לפרויקט Next.js, ותרמה 43 בקשות משיכה בשנת 2019 שבהן הם עזרו ב"חיתוך" קטעי JavaScript שאינו בשימוש, צמצום זמן תקורה והוספה של מדדים משופרים.[8] החל ממרץ 2020, הספרייה נמצאת בשימוש על ידי אתרים גדולים רבים, כולל Netflix, GitHub, Uber, Ticketmaster וסטארבקס.[4] בתחילת 2020, הוכרז כי Vercel השיגה עשרים ואחד מיליון דולר במימון סדרה A כדי לתמוך בשיפורים בתוכנה. המחבר המקורי של הספרייה, גיירמו ראוך, הוא כיום מנכ"ל Vercel והמפתח הראשי של הפרויקט הוא טים נייטקנס.[9]

היסטוריית פיתוח

[עריכת קוד מקור | עריכה]

Next.js שוחררה לראשונה כפרויקט קוד פתוח ב-GitHub ב-25 באוקטובר 2016. היא פותחה במקור על בסיס שישה עקרונות: פונקציונליות מחוץ לקופסה שאינה דורשת הגדרה, JavaScript בכל מקום, כל הפונקציות כתובות ב-JavaScript, פיצול קוד ועיבוד שרת אוטומטי, שליפת נתונים ניתנים להגדרה, ציפייה לבקשות ופישוט הפריסה.[10] Next.js 2.0 הוכרז במרץ 2017 כולל מספר שיפורים שהקלו על העבודה עם אתרים קטנים. זה גם הגדיל את יעילות הבנייה ושיפר את יכולת ההרחבה של תכונת החלפת המודול החם.[11] גרסה 7.0 שוחררה בספטמבר 2018 עם טיפול משופר בשגיאות ותמיכה ב-Context API של React לטיפול משופר במסלולים דינמיים. זו הייתה גם הגרסה הראשונה ששדרגה ל-webpack 4.[12] גרסה 8.0 שוחררה בפברואר 2019 והייתה הגרסה הראשונה שהציעה פריסה ללא שרת של אפליקציות, שבהן הקוד מפוצל לפונקציות למדא המופעלות לפי דרישה. הגרסה גם צמצמה את הזמן והמשאבים הדרושים ליצוא סטטי ושיפור ביצועי השליפה מראש.[13] גרסה 9.3, שהוכרזה במרץ 2020, כללה אופטימיזציות שונות ותמיכה גלובלית במודול Sass ו-CSS.[14] ב-27 ביולי 2020 הוכרזה גרסה 9.5 של Next.js, שהוסיפה יכולות חדשות לרבות חידוש סטטי מצטבר, שכתובים ותמיכה בהפניה מחדש.[15] ב-15 ביוני 2021 שוחררה גרסה 11 של Next.js, המציגה בין היתר: תמיכה ב-Webpack 5, תצוגה מקדימה של פונקציונליות קידוד שיתופי בזמן אמת "Next.js Live", ופונקציה ניסיונית של המרה אוטומטית מאפליקציית Create React ל-Next.js טופס תואם "Create App Migration React".[16] ב-26 באוקטובר 2021, Next.js 12 שוחררה, והוסיפה מהדר Rust, מה שהופך את ההידור למהיר יותר, תמיכה ב-AVIF, Edge Functions & Middleware, וייבוא מקורי של ESM ו-URL.[17]

ראו גם

[עריכת קוד מקור | עריכה]

קישורים חיצוניים

[עריכת קוד מקור | עריכה]
  • "Case Study - Hulu | Next.js". nextjs.org (באנגלית). נבדק ב-2020-10-16.
  • Smith, Craig S. "Have You Noticed The New Web? It's Faster, More Secure". Forbes (באנגלית). נבדק ב-2020-10-16.
  • April 3, Matt Asay in Developer on; 2020; Pst, 4:07 Pm. "Front-end frameworks are about to get even cooler, says Google lead". TechRepublic (באנגלית). נבדק ב-2020-10-16.{{cite web}}: תחזוקה - ציטוט: numeric names: authors list (link)
  • Asay, Matt (2020-06-01). "How GraphQL turned web development on its head". InfoWorld (באנגלית). נבדק ב-2020-10-20.

הערות שוליים

[עריכת קוד מקור | עריכה]
  1. ^ "Recommended Toolchains". React documentation. נבדק ב-10 ביולי 2021. {{cite web}}: (עזרה)
  2. ^ "Develop. Preview. Ship. For the best frontend teams – Vercel". vercel.com. אורכב מ-המקור ב-2021-10-06. נבדק ב-2020-09-22.
  3. ^ "Differences Between Static Generated Sites And Server-Side Rendered Apps". Smashing Magazine (באנגלית). 2020-07-02. נבדק ב-2020-10-19.
  4. ^ 1 2 3 4 Thakkar, Mohit (2020), Thakkar, Mohit (ed.), "Next.js", Building React Apps with Server-Side Rendering: Use React, Redux, and Next to Build Full Server-Side Rendering Applications (באנגלית), Berkeley, CA: Apress: 93–137, doi:10.1007/978-1-4842-5869-9_3, ISBN 978-1-4842-5869-9, נבדק ב-2020-10-20
  5. ^ Thakkar, Mohit (2020), Thakkar, Mohit (ed.), "Adding Server-Side Rendering to Your React Application", Building React Apps with Server-Side Rendering: Use React, Redux, and Next to Build Full Server-Side Rendering Applications (באנגלית), Berkeley, CA: Apress: 139–152, doi:10.1007/978-1-4842-5869-9_4, ISBN 978-1-4842-5869-9, נבדק ב-2020-10-20
  6. ^ December 2, Matt Asay in Developer on; 2019; Pst, 11:58 Am. "Why front-end development may be the new frontier". TechRepublic (באנגלית). נבדק ב-2020-10-20.{{cite web}}: תחזוקה - ציטוט: numeric names: authors list (link)
  7. ^ "Comparing Styling Methods In Next.js". Smashing Magazine (באנגלית). 2020-09-17. נבדק ב-2020-10-20.
  8. ^ January 31, Matt Asay in Developer on; 2020; Pst, 6:33 Pm. "An insider's look at Google's web framework contributions to Next.js and more". TechRepublic (באנגלית). נבדק ב-2020-10-19.{{cite web}}: תחזוקה - ציטוט: numeric names: authors list (link)
  9. ^ "Static site generation with single page app functionality? That's what's coming Next(.js)". Stack Overflow Blog (באנגלית אמריקאית). 2020-10-07. נבדק ב-2020-10-20.
  10. ^ Krill, Paul (2016-10-31). "Next step after Node.js: Framework for 'universal' JavaScript apps". InfoWorld (באנגלית). נבדק ב-2020-10-20.
  11. ^ Krill, Paul (2017-03-28). "Next.js 2.0 plays better with React and JavaScript". InfoWorld (באנגלית). נבדק ב-2020-10-20.
  12. ^ Krill, Paul (2018-09-21). "Next.js 7 framework compiles faster, supports WebAssembly". InfoWorld (באנגלית). נבדק ב-2020-10-20.
  13. ^ Krill, Paul (2019-02-14). "Next.js 8 now supports serverless apps". InfoWorld (באנגלית). נבדק ב-2020-10-20.
  14. ^ Krill, Paul (2020-03-12). "Next.js upgrade emphasizes static site generation". InfoWorld (באנגלית). נבדק ב-2020-10-20.
  15. ^ Krill, Paul (27 ביולי 2020). "Next.js adds incremental static pages regeneration". InfoWorld. אורכב מ-המקור ב-2 באוקטובר 2020. נבדק ב-22 בספטמבר 2020. {{cite web}}: (עזרה)
  16. ^ "Next.js 11". נבדק ב-2021-07-10.
  17. ^ "Next.js 12". nextjs.org (באנגלית). נבדק ב-2021-10-27.