Apa itu Next.js?

Bayangkan membangun rumah

React itu seperti batu bata dan semen: bagus untuk membuat tampilan. Tetapi rumah butuh lebih: pintu, jalan, listrik, atap. Next.js adalah paket rumah lengkap yang dibangun di atas React.

Apa yang diberikan Next.js?

• Routing otomatis — buat folder, jadilah halaman.
• Render di server — halaman cepat terbuka dan mudah ditemukan Google.
• Optimasi bawaan — gambar, font, dan skrip diurus otomatis.
• API di proyek yang sama — frontend dan backend sederhana dalam satu tempat.
• Deploy mudah — satu klik ke Vercel.

Cara membaca contoh kode

Di Next.js, satu halaman adalah function yang mengembalikan tampilan:

export default function Page() {
  return (
    <main>
      <h1>Halo, Next.js!</h1>
    </main>
  );
}

Tiga hal yang perlu dilihat: function Page adalah komponen, return berisi tampilan (disebut JSX, mirip HTML), dan export default artinya "inilah isi halaman ini".

Sebelum mulai

Kamu sebaiknya sudah mengenal sedikit HTML dan JavaScript dasar. Pengetahuan React membantu, tetapi tidak wajib — kita jelaskan semuanya pelan-pelan.