Next.jsでライブラリを使用せずにXMLサイトマップを生成する方法

"next": "14.1.0",
"react": "^18"

import { MetadataRoute } from 'next';
// 記事データを取得する外部関数
import { getList } from '@/libs/articles';

export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
  // ブログ記事データの取得
  const posts = await getList();

  // 基本的なサイト情報
  const urls: MetadataRoute.Sitemap = [
    { url: 'https://example.com', changeFrequency: 'weekly', priority: 1 },
  ];

  // 各ブログ記事のURLを追加
  posts.contents.forEach((post) => {
    urls.push({
      url: `https://example.com/articles/${post.id}`,
      lastModified: post.updatedAt,
      changeFrequency: 'weekly',
      priority: 0.6,
    });
  });

  return urls;
}

This XML file does not appear to have any style information associated with it. The document tree is shown below.
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://example.com</loc>
    <changefreq>yearly</changefreq>
    <priority>1</priority>
    </url>
  <url>
    <loc>https://example.com/articles/gr18xnl8f</loc>
    <lastmod>2024-02-14T09:06:35.130Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.6</priority>
  </url>
  <url>
    <loc>https://example.com/articles/lut1yqrn1</loc>
    <lastmod>2024-02-14T08:57:40.564Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.6</priority>
  </url>
  <url>
    <loc>https://example.com/articles/3zqx34ys8</loc>
    <lastmod>2024-02-12T00:11:30.872Z</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.6</priority>
  </url>
</urlset>