Hướng dẫn tạo RSS Feed và Dynamic XML Sitemap tự động cho Next.js 16

Để Google Bot có thể tự động cào và cập nhật các bài viết mới xuất bản của bạn trong vài phút, sở hữu một file **Dynamic XML Sitemap và RSS Feed tự động** là yêu cầu bắt buộc. Trong Next.js 16 App Router, bạn có thể lập trình tạo file sitemap động cực kỳ đơn giản mà không cần dùng plugin!

1. Tạo file sitemap.js tự động trong Next.js App Router

Tạo file src/app/sitemap.js:

import { BLOG_POSTS } from '@/constants/blogPosts';

export default async function sitemap() {
  const baseUrl = 'https://uwmee.com';

  const blogUrls = BLOG_POSTS.map((post) => ({
    url: `${baseUrl}/blog/${post.slug}`,
    lastModified: new Date(post.date),
    changeFrequency: 'weekly',
    priority: 0.8,
  }));

  return [
    {
      url: baseUrl,
      lastModified: new Date(),
      changeFrequency: 'daily',
      priority: 1.0,
    },
    ...blogUrls,
  ];
}

2. Lợi ích của việc tự động hóa Sitemap & RSS Feed

• Không lo quên cập nhật: Mỗi khi có bài viết mới thêm vào mảng dữ liệu, đường dẫn tự động xuất hiện trong domain.com/sitemap.xml.
• Kích hoạt đọc báo tự động (RSS Aggregators): Cho phép các ứng dụng đọc tin tức (Feedly, Google News) tự động kéo bài viết mới về (xem bài submit sitemap Google Search Console).

Kết luận

Tự động hóa Sitemap & RSS Feed giúp rút ngắn 80% thời gian chờ đợi Google lập chỉ mục bài viết. Uwmee Software tích hợp sẵn bộ tạo Sitemap XML động cho mọi dự án Next.js. Đọc thêm bài viết Next.js Metadata API.