Nextjs-app-router

Artikel ini membahas fondasi teknis agar website—baik static maupun dynamic—dapat dikenali search engine. Dimulai dari cara kerja crawler (crawling, rendering, indexing), dijelaskan peran krusial robots.txt sebagai gerbang akses dan sitemap XML sebagai peta navigasi URL valid. Dibahas perbedaan setup untuk static vs dynamic (SSR/ISR), daftar user-agent penting, serta implementasi praktis di Next.js App Router pada Vercel, termasuk contoh robots.txt dan sitemap.ts yang SEO-safe dan sinkron dengan konten.

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.