Meta Tag Builder

<!-- Primary Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Muhammad Rafli – Frontend Developer</title>
<meta name="title" content="Muhammad Rafli – Frontend Developer" />
<meta name="description" content="Portfolio dan toolkit web Muhammad Rafli Ramadhan. Frontend developer spesialisasi Next.js, React, dan desain UI modern." />
<meta name="keywords" content="frontend, developer, nextjs, react, tailwind" />
<meta name="author" content="Muhammad Rafli" />
<meta name="robots" content="index, follow" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="Muhammad Rafli – Frontend Developer" />
<meta property="og:description" content="Portfolio dan toolkit web Muhammad Rafli Ramadhan. Frontend developer spesialisasi Next.js, React, dan desain UI modern." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:site_name" content="Rafli Dev" />
<meta property="og:locale" content="id_ID" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@raflidev" />
<meta name="twitter:creator" content="@raflidev" />
<meta name="twitter:url" content="https://example.com" />
<meta name="twitter:title" content="Muhammad Rafli – Frontend Developer" />
<meta name="twitter:description" content="Portfolio dan toolkit web Muhammad Rafli Ramadhan. Frontend developer spesialisasi Next.js, React, dan desain UI modern." />
<meta name="twitter:image" content="https://example.com/og-image.jpg" />

<!-- Canonical -->
<link rel="canonical" href="https://example.com" />

// app/layout.jsx — Next.js Metadata API
export const metadata = {
  title: 'Muhammad Rafli – Frontend Developer',
  description: 'Portfolio dan toolkit web Muhammad Rafli Ramadhan. Frontend developer spesialisasi Next.js, React, dan desain UI modern.',
  keywords: 'frontend, developer, nextjs, react, tailwind',
  authors: [{ name: 'Muhammad Rafli' }],
  robots: 'index, follow',
  openGraph: {
    title: 'Muhammad Rafli – Frontend Developer',
    description: 'Portfolio dan toolkit web Muhammad Rafli Ramadhan. Frontend developer spesialisasi Next.js, React, dan desain UI modern.',
    url: 'https://example.com',
    siteName: 'Rafli Dev',
    images: [{ url: 'https://example.com/og-image.jpg', width: 1200, height: 630 }],
    locale: 'id_ID',
    type: 'website',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'Muhammad Rafli – Frontend Developer',
    description: 'Portfolio dan toolkit web Muhammad Rafli Ramadhan. Frontend developer spesialisasi Next.js, React, dan desain UI modern.',
    creator: '@raflidev',
    images: ['https://example.com/og-image.jpg'],
  },
};