תיקיית app

חלק מהיחידה היסודות של Next.js במסלול ה-React של Coddy. שיעור 2 מתוך 47.

פתחו את רשימת הקבצים. לפרויקט Next.js יש מבנה, ויש לו משמעות:

app/
    layout.jsx     the shell around every page
    page.jsx       the page at /
    globals.css    styles for the whole app

שני שמות קבצים מיוחדים, ותשתמש בהם כל הזמן:

page.jsx: הופך תיקייה לכתובת URL שאפשר לבקר בה. app/page.jsx הוא דף הבית, /.
layout.jsx: עוטף את הדפים שמתחתיו. פריסת השורש מכילה את <html> ואת <body>, כך שכל הדפים חולקים אותה.

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

הפריסה הראשית נעולה בשיעורים האלה, כך שמעטפת פגומה לעולם לא תוכל להפיל את האפליקציה שלך. תעבוד בתוך app/page.jsx ובקבצים שתוסיף בעצמך.

נסו בעצמכם

השיעור הזה לא כולל אתגר קוד.