Rekap: Routing
Termasuk bagian Dasar-Dasar Next.js dalam perjalanan React di Coddy. Pelajaran 10 dari 47.
Tantangan
SedangRingkasan bab: ubah aplikasi satu halaman menjadi situs kecil dengan menggunakan semua materi dari bab ini.
- Di
app/about/page.jsx(sudah ada di daftar file), buat komponen mengembalikan<h1>denganid="about-title"dan teks persisAbout us. - Di
app/page.jsx, imporLinkdarinext/linkdan tambahkan tautan ke/aboutdenganid="to-about". - Rute dinamis
app/menu/[slug]/page.jsxsudah ada, tetapi selalu menampilkanpizza. Buat komponennya menjadiasyncagar menungguparamsdan menampilkanslugyang cocok di dalam<h1>denganid="dish".
Kasus uji akan mengeklik tautanmu, lalu mengunjungi dua hidangan berbeda dan mengharapkan dua judul yang berbeda.
Coba sendiri
import './globals.css';
export const metadata = {
title: 'My App',
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}