Next.js

Filter dan Pagination tanpa Reload dengan Cara Membuat Query Parameter Next Js

Pelajari cara membuat query parameter Next Js untuk filter, pagination, dan navigasi App Router di Server dan Client Component dengan contoh kode praktis.

Page Server dan Client untuk Cara Membaca Search Params Next Js

Pelajari cara membaca search params Next Js di Server Component lewat prop searchParams dan di Client lewat useSearchParams, plus contoh kode praktis.

Cara Membaca Pathname Next Js di Server dan Client Component

Pelajari cara membaca pathname Next Js di App Router, beda fungsi server dan client, plus pola aman untuk menu aktif dan redirect.

Tandai Menu Sedang Dibuka dengan Cara Membuat Link Active Next Js

Pelajari cara membuat link active Next Js dengan usePathname di App Router untuk menandai menu aktif secara akurat di navbar dan sidebar.

Pindah Rute Lebih Cepat dengan Cara Navigate tanpa Reload Next Js

Pelajari cara navigate tanpa reload Next Js pakai Link, useRouter, dan prefetch agar pindah rute App Router terasa instan.

Butuh Pindah Halaman di App Router? Cara Redirect ke Halaman Lain Next Js

Pelajari cara redirect ke halaman lain Next Js di App Router untuk Server Component, Client Component, dan Server Action beserta contoh kodenya.

Praktik Folder [Id] dan Cara Membuat Dynamic Routing Next Js

Pelajari cara membuat dynamic routing Next Js dengan folder [id], params, dan link dinamis di App Router lewat langkah praktis dan contoh kode minimal.

Cara Membuat Custom Hook Next Js yang Aman Dipakai di Client Component

Pelajari cara membuat custom hook Next Js untuk fetch, form, dan localStorage dengan pola Client Component yang benar dan contoh kode minimal.

Window Is Not Defined? Cara Mengatasi Browser API Undefined Next Js dari Penyebabnya

Cara mengatasi browser API undefined Next Js karena window atau document dibaca di Server Component. Pahami penyebab dan pola aman App Router di sini.

Cara Dynamic Import Client Only Next Js agar Bundle Awal Lebih Ringan

Pelajari cara dynamic import client only Next Js dengan next/dynamic dan ssr false untuk memangkas bundle awal dan mencegah error window.