סיכום: פריסות

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

אתגר

בינוני

סיכום הפרק: נותנים ל־Coddy Eats מעטפת: סרגל ניווט משותף וכותרות אמיתיות ללשוניות.

בתוך app/layout.jsx, בתוך <body> ומעל ל־{children}, הוסף <nav> עם id="nav" ובתוכו <Link> אל / עם id="home-link" והטקסט Home, וכן <Link> אל /menu עם id="menu-link" והטקסט Menu.
עדיין בקובץ הפריסה, שנה את כותרת metadata בדיוק ל־Coddy Eats.
ב־app/menu/page.jsx, ייצא אובייקט metadata עם הכותרת Our Menu, כדי שללשונית התפריט תהיה כותרת משלה.

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

נסו בעצמכם

import './globals.css';
import Link from 'next/link';

export const metadata = {
    title: 'My App',
};

export default function RootLayout({ children }) {
    return (
        <html lang="en">
            <body>
                {children}
            </body>
        </html>
    );
}

כל השיעורים ביחידה היסודות של Next.js

1למה Next.js

מה Next.js מוסיף תיקיית app הדף הראשון שלך סיכום: למה Next.js

4שרת ולקוח

שני סוגי רכיבים קריאת השגיאה השורה 'use client'שמרו על חלקי הלקוח קטנים שרת בתוך לקוח סיכום: שרת ולקוח

7ניווט בצד הלקוח

הקישור הפעיל ניתוב באמצעות קוד סינון באמצעות כתובת ה-URL מטפלי נתיבים סיכום: ניווט

3פריסות ומטא־נתונים

פריסת השורש ניווט משותף פריסות מקוננות מטא־נתונים של הדף מטא־נתונים דינמייםסיכום: פריסות

6פעולות שרת

מהי פעולת שרת טפסים שפועלים קריאת נתוני טופס רענון הדף סיכום: פעולות שרת