Pembahasan

Meta Tags

Sebelum lebih jauh lagi, kita bahas dulu yang gampang, yaitu meta tags. Di dalem route module, lo bisa nge-export fungsi meta yang bakal nge-return meta tags yang lo pengen define:

app/routes/about-index.tsx

// import yang lain

export function meta() {
  return [
    { title: "About Page" },
    { name: 'description', content: 'Ini adalah halaman About' },
  ];
}

// isi component About

Tapi, karena React 19 punya built-in elemen <meta>, pake elemen tersebut lebih disarankan daripada pake fungsi meta:

app/routes/about-index.tsx

export default function AboutIndex() {
  return (
    <section>
      <title>About Page</title>
      <meta name="description" content="Ini adalah halaman About" />
      <p>Ini adalah halaman About</p>
    </section>
  );
}

Cara tersebut menurut gue lebih bersih dan lebih gampang dibaca.

Meta Tags

Sudah paham pelajaran ini?

Diskusi