- Published on
Artikel ini membahas MDX Router di Next.js App Router secara menyeluruh, tidak hanya dari sisi setup, tetapi dari sudut pandang arsitektur dan pemisahan tanggung jawab. Pembahasan dimulai dari konsep dasar MDX sebagai content layer, perbedaan frontmatter dan content, hingga peran layout App Router dan layout MDX. Artikel ini juga mengulas batasan dynamic route pada MDX, hubungan frontmatter dengan SEO, serta alasan mengapa metadata Next.js tetap diperlukan. Dengan contoh nyata menggunakan Next.js, TypeScript, dan Tailwind CSS, artikel ini membantu pembaca membangun sistem konten yang rapi, scalable, dan bebas anti-pattern.