Membuat Sitemap Halaman Statis Nextjs

Sitemap merupakan salah satu unsur penting agar website kita bisa terdeteksi pada mesin pencari, sederhananya dalam proses pengoptimalan kita sering melibatkan Google Search Console dimana didalamnya kita disarankan untuk melakukan submit sitemap agar hasil pencarian pada mesin pencari lebih optimal.

Dalam konteks ini saya akan mencoba membuat halaman sitemap untuk halaman statis yang digenerate oleh nextjs.

Baca : Dari Vite React Pindah ke Nextjs Supaya Lebih SEO

Membuat Sitemap di Nextjs

npm install next-sitemap

Konfigurasi Sitemap

Buat file baru bernama next-sitemap.config.js

/** @type {import('next-sitemap').IConfig} */
module.exports = {
   siteUrl: 'https://yourdomain.com',
   generateRobotsTxt: true, 
   sitemapSize: 7000,
   generateIndexSitemap: false,
};

Selanjutnya edit file package.json dan tambahkan postbuild “next-sitemap”

  "scripts": {
   "dev": "next dev",
   "build": "next build",
   "postbuild": "next-sitemap",
   "start": "next start",
   "lint": "eslint"
 },

Generate Sitemap

Setelah konfigurasi dibuat maka tahap selanjutnya untuk menghasilkan sitemap adalah melakukan build 

npm run build