Sitemap rendering

[Ivanmih99]

Summary

Dynamic sitemap in Next.JS 15 doesn't render proper xml. It's returning plain links and not a properly serialized xml with tags.

Note: This only happens on Chromium

On Mozilla:

Additional information

export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
  const pages = await fetchSanityData<SitemapData>({ query: siteMapQuery })

  return pages?.map((page) => {
    // If manuscript exists, treat as PDF
    const isPDF = Boolean(page?.manuscript)
    const pageSlug = isPDF
      ? generatePathWithTrailingSlash({
          segments: [
            page?.pageSlug,
            page?.manuscript?.asset?.originalFilename ?? '',
          ],
        })
      : page?.pageSlug

    const updatedAt = isPDF
      ? (page?.manuscript?.asset?.updatedAt ?? page?.updatedAt)
      : page?.updatedAt

    const priority = isPDF ? 0.7 : 0.8

    return {
      url: generatePathWithTrailingSlash({
        segments: [websiteDomain, pageSlug ?? ''],
        endsWithSlash: true,
      }),
      lastModified: updatedAt,
      changeFrequency: getChangeFrequency(updatedAt),
      priority,
      ...getAttribute(!isPDF, 'alternates', {
        languages: i18nConfig.locales.slice(1).reduce(
          (acc, lang) => {
            acc[lang] = generatePathWithTrailingSlash({
              segments: [websiteDomain, lang, pageSlug ?? ''],
              endsWithSlash: true,
            })
            return acc
          },
          {} as Record<string, string>
        ),
      }),
      images: page?.images,
      videos: page?.videos?.map((video) => ({
        video: video?.playbackId,
        title: video?.title,
        description: video?.description,
        thumbnail_loc: video?.thumbnail_loc,
        content_loc: getMuxContentUrl(video?.playbackId),
        duration: video?.duration,
      })),
    }
  })
}

Example

No response

[icyJoseph]

Likely fixed by: #80356 ? it hasn't landed to stable but it is available in canary.