officialrajdeepsingh/nextjs-app-router-sitemap

Generate sitemap, robots, and manifest.json files in the Next.js app router without installing a third additional NPM package, read full article.

git clone https://.com/officialrajdeepsingh/nextjs-app-router-sitemap.git

cd nextjs-app-router-sitemap

npm install
# or
pnpm install
# or
yarn install

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can edit the page by modifying app/page.tsx. The page auto-updates as you edit the file.

Remove the following code when you start your local development server. Then remove the output and images.unoptimized config in next.config.jsfile, when you deploy your site on the page.

// next.config.js

/** @type {import('next').NextConfig} */
let envImageUnoptimize = process.env.NODE_ENV !== "production" ? false : true

const nextConfig = {
  output:  process.env.NODE_ENV !== "production" ? undefined: "export", 
  images: {
    unoptimized: envImageUnoptimize,
    remotePatterns: [
      {
        hostname: "images.unsplash.com",
      },
    ],
  },
};

module.exports = nextConfig;