Routing: Directive @page
Penjelasan
Blazor mendaftarkan route langsung di file .razor lewat directive @page "/path" di baris paling atas — mirip App Router Next.js dalam artian "routing dekat dengan komponennya", tapi bukan berbasis nama folder, melainkan directive eksplisit yang bisa diletakkan di file mana saja.
Contoh Konsep
@* Beranda.razor *@
@page "/"
<h1>Halaman Beranda</h1>
@* Tentang.razor *@
@page "/tentang"
<h1>Halaman Tentang</h1>
@* Navigasi: *@
@* <NavLink href="/">Beranda</NavLink>
<NavLink href="/tentang">Tentang</NavLink> *@Praktikum
Buat dua component: Kontak.razor dengan @page "/kontak", dan Layanan.razor dengan @page "/layanan". Tulis contoh navigasi <NavLink> ke masing-masing.
Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.
Tips
SELALU pakai komponen <NavLink> (bukan <a> biasa) untuk navigasi internal — sama alasannya dengan framework SPA lain: NavLink berpindah halaman tanpa reload penuh, DAN otomatis menambahkan class CSS "active" saat link itu sedang jadi halaman aktif, berguna untuk styling menu navigasi.