La génération automatique de sitemaps est une partie importante de la planification SEO pour tout site web dynamique. Si vous construisez une application avec Next.js et utilisez son système de routage de pages polyvalent, vous serez heureux de savoir que la génération de sitemap peut également être gérée sans effort.

Génération Facile de Sitemaps dans Next.js avec le Package sitemap

Next.js facilite la construction de sites avec des centaines ou des milliers de pages, mais les moteurs de recherche ont besoin d'un moyen facile de découvrir toutes ces routes. En utilisant le package npm next-sitemap, vous pouvez avoir un sitemap XML complet généré automatiquement à partir de vos composants de page existants et de vos routes.

Le package next-sitemap parcourt votre répertoire de pages et construit le fichier sitemap.xml ainsi que le fichier robots.txt, incluant toutes les URL et leurs dates de dernière modification.

Configuration

Après avoir téléchargé le package sitemap, vous pouvez maintenant facilement générer des sitemaps dans votre projet Next.js. La bibliothèque de sitemap prend en charge les fonctionnalités de génération statique de Next.js telles que getStaticPaths et getStaticProps.

Pour le configurer après l'installation, ajoutez "next-sitemap" à la section "scripts" de votre package.json. Cela indique d'exécuter le script de génération de sitemap après la construction :

C'est tout ! Maintenant, chaque fois que vous exécutez npm run build, il générera automatiquement un fichier sitemap.xml et un robots.txt dans votre projet prêts à être soumis aux moteurs de recherche.