איך להתקין ולהגדיר פרויקט Next.js חדש על אובונטו

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

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

דרישות מקדימות

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

• Node.js: Next.js בנויה על Node.js, לכן עליך להתקין את Node.js.
• npm: npm (Node Package Manager) משמש לניהול החבילות וההתלותות עבור הפרויקט שלך.

בוא נעבור על תהליך ההתקנה עבור Node.js וnpm.

שלב 1: התקן Node.js ו-NPM בלינוקס

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

sudo apt update

לאחר מכן, ניתן להתקין Node.js (גם מתקין את npm), ומומלץ להתקין את גרסת Node.js המסומנת כ-LTS (תמיכה ארוכת טווח), שהיא הגרסה היציבה והשכיחה ביותר בשימוש.

sudo apt install nodejs

לאחר שההתקנה הושלמה, ודא שNode.js הותקן כראוי על ידי בדיקת הגרסה שלו:

node -v
npm -v

עכשיו יש לך גם את Node.js וגם את npm מותקנים במערכת שלך.

שלב 2: התקנה והגדרה של פרויקט Next.js

עכשיו שיש לך את Node.js ואת npm מותקנים, הגיע הזמן ליצור פרויקט חדש של Next.js. הדרך הקלה ביותר להתקין את Next.js היא באמצעות create-next-app, שזהו חבילת רשמית המסופקת על ידי צוות Next.js.

sudo npm install -g create-next-app

עכשיו שcreate-next-app מותקן, ניתן ליצור פרויקט חדש של Next.js.

npx create-next-app@latest my-next-app

כאן, my-next-app הוא שם תיקיית הפרויקט שלך. תוכל להחליף אותו בכל שם שתרצה. הפקודה npx תוריד ותפעיל את חבילת create-next-app, והיא תקים עבורך פרויקט חדש של Next.js.

לאחר שהפקודה תסיים לרוץ, יהיה לך תיק חדש בשם my-next-app עם המבנה הבסיסי של אפליקציית Next.js.

שלב 3: הרץ את פרויקט Next.js שלך

לאחר שהפרויקט נוצר, נכנס לתיקיית הפרויקט שלך והתחל את שרת הפיתוח:

cd my-next-app
npm run dev

הפקודה הזו תפעיל את שרת הפיתוח של Next.js. ברירת המחדל, השרת ירוץ על http://localhost:3000.

פתח את הדפדפן ועבור לכתובת ה-URL הזו, ותראה את דף הברכה המותאם Next.js.

באפשרותך להתחיל ליצור עמודים חדשים בתיקיית app. לדוגמה, צור קובץ חדש about.js בתוך ספריית app כדי ליצור עמוד אודות.

מסקנה

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

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