סיכום: ניתוב
חלק מהיחידה היסודות של Next.js במסלול ה-React של Coddy. שיעור 10 מתוך 47.
אתגר
בינוניסיכום הפרק: הפכו אפליקציה בעלת עמוד אחד לאתר קטן, תוך שימוש בכל מה שנלמד בפרק הזה.
- ב־
app/about/page.jsx(כבר מופיע ברשימת הקבצים), גרמו לרכיב להחזיר<h1>עםid="about-title"והטקסט המדויקAbout us. - ב־
app/page.jsx, ייבאו אתLinkמ־next/linkוהוסיפו קישור אל/aboutעםid="to-about". - הנתיב הדינמי
app/menu/[slug]/page.jsxכבר קיים, אבל תמיד מציגpizza. הפכו את הרכיב שלו ל־asyncכך שימתין ל־paramsויציג את ה־slugהמתאים בתוך<h1>עםid="dish".
הבדיקות לוחצות על הקישור שלכם, ואז מבקרות בשתי מנות שונות ומצפות לשתי כותרות שונות.
נסו בעצמכם
import './globals.css';
export const metadata = {
title: 'My App',
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}