Dont take into account default alternateref and self locale

next-sitemap dont take into account the default alternate ref and duplicate self locale, included defaultLocale. Here is my configuration:

my next config:

...
i18n: {
    locales: [
      "en",
      "es",
    ],
    defaultLocale: "es",
  },
...

My alternateRef:

alternateRefs = [
  {
    href: process.env.NEXT_PUBLIC_WEB_URL,
    hreflang: "es",
  },
  {
    href: process.env.NEXT_PUBLIC_WEB_URL + "/en",
    hreflang: "en",
  },
];

The generated xml:

...
<url><loc>https://web-test.com/faq</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-06-04T13:17:26.429Z</lastmod><xhtml:link rel="alternate" hreflang="es" href="https://web-test.com/faq"/><xhtml:link rel="alternate" hreflang="en" href="https://web-test.com/en/faq"/></url>
<url><loc>https://web-test.com/es/faq</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-06-04T13:17:26.429Z</lastmod><xhtml:link rel="alternate" hreflang="es" href="https://web-test.com/es/faq"/><xhtml:link rel="alternate" hreflang="en" href="https://web-test.com/en/es/faq"/></url>
<url><loc>https://web-test.com/en/faq</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2021-06-04T13:17:26.429Z</lastmod><xhtml:link rel="alternate" hreflang="es" href="https://web-test.com/en/faq"/><xhtml:link rel="alternate" hreflang="en" href="https://web-test.com/en/en/faq"/></url>
...

However on getServerSideProps I managed it, i leave my configuration there:

export const getServerSideProps = async (ctx) => {
  const { data: ports } = await axios.get(getPorts());

  const fields = ports.map((port) => {
    const endpoint = `/ports/${String(port.ID)}`;
    return {
      loc: process.env.NEXT_PUBLIC_WEB_URL + endpoint,
      lastmod: port.UpdatedAt || new Date().toISOString(),
      // changefreq
      // priority
      alternateRefs: alternateRefs.map((ar) => ({
        ...ar,
        href: ar.href + endpoint,
      })),
    };
  });

  return getServerSideSitemap(ctx, fields);
};

[gkielwasser]

Hi @iamvishnusankar

I’m running into the same issue, the locale from the loc is reused to build the alternate link:

<url>
    <loc>http://localhost:3000/en-US/contact</loc>
    <xhtml:link rel="alternate" hreflang="en-US" href="http://localhost:3000/en-US/en-US/contact"/>
    <xhtml:link rel="alternate" hreflang="de-DE" href="http://localhost:3000/de-DE/en-US/contact"/>
    <xhtml:link rel="alternate" hreflang="it-IT" href="http://localhost:3000/it-IT/en-US/contact"/>
  </url>

May I know why did you close this ticket ? I’m using “^2.5.7” Also this is about the same issue I guess https://github.com/iamvishnusankar/next-sitemap/issues/284.

For now I have applied this workaround Here is my config

alternateRefs: [
    {
      href: process.env.NEXT_PUBLIC_FRONT + "/en-US",
      hreflang: "en-US",
    },
    {
      href: process.env.NEXT_PUBLIC_FRONT + "/de-DE",
      hreflang: "de-DE",
    },
    {
      href: process.env.NEXT_PUBLIC_FRONT + "/it-IT",
      hreflang: "it-IT",
    },
  ]

And the fix

transform: async (config, path) => {
    return {
      loc: path,
      changefreq: config.changefreq,
      priority: config.priority,
      lastmod: config.autoLastmod ? new Date().toISOString() : undefined,
      alternateRefs: config.alternateRefs.map(alternate => {
        // Ex: try to find '/en-US/'
        const hasPathLocale = locales.indexOf(path.substring(1, 6)) !== -1

        //  Only fix alternateRefs if path has a locale
        return hasPathLocale ? {
          ...alternate,
           // Note: concat original alternate with  '/en-US/my-page' => my-page
          href: `${alternate.href}/${path.substring(7)}`,
          hrefIsAbsolute: true
        } : alternate
      }) ?? [],
    };
  }

Thanks!

[mosusky]

solution from @gkielwasser fixed the issue for me. Thanx!

@iamvishnusankar I think this patch should be applied to the package.