How do I add my blog posts to the sitemap?

[arnab]

First, Outstatic looks great, and exactly what I am looking for, to add to my website. Kudos, @avitorio !

How do I go about adding the published posts into my sitemap? I already have some pages and have configured Next.js to programatically generate it.

[avitorio]

Hey @arnab,
Thanks for the kind words and I'm glad you are enjoying Outstatic!

You could use a similar logic as the one in your generateStaticParams() function to get the paths you want to add to your sitemap and generate one at build time. I never did this but should be a good contribution to our advanced-blog template if you ever get around to it. Find more info on the Next.js sitemap docs.

import { BASE_URL } from '@/app/lib/constants'
 
export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
  const db = await load()
  const items = await db
    .find(
      {
        collection: 'posts',
        status: 'published'
      },
      ['slug', 'publishedAt']
    )
    .toArray()

  
  return items.map((item) => ({
    url: `${BASE_URL}/${item.slug}`,
    lastModified: item.publishedAt,
  }))
}

Let me know if you manage to get it working. Cheers!

[arnab]

Sounds good, I will try this out.

(And happy to add this to https://github.com/avitorio/outstatic/tree/canary/examples/advanced-blog/ as an example once I get it working.)

[arnab]

That worked well! Thanks @avitorio !