Nuxt•11mo ago

How to add blog post to sitemap.xml with Nuxt Content v3 ?

for nuxt content v2 i was uded something like this in server/routes:

import type { ParsedContent } from '@nuxt/content/dist/runtime/types'
import { serverQueryContent } from '#content/server'
import { asSitemapUrl, defineSitemapEventHandler } from '#imports'

export default defineSitemapEventHandler(async (e) => {
    const contentList = (await serverQueryContent(e).find()) as ParsedContent[]
    // console.log(contentList)
    return contentList
        .filter((c) => c._path.startsWith('/blog') || c._path.startsWith('/page'))
        .map((c) => {
            return asSitemapUrl({
                loc: c._path,
                // lastmod: updatedAt
            })
        })
})

import type { ParsedContent } from '@nuxt/content/dist/runtime/types'
import { serverQueryContent } from '#content/server'
import { asSitemapUrl, defineSitemapEventHandler } from '#imports'

export default defineSitemapEventHandler(async (e) => {
    const contentList = (await serverQueryContent(e).find()) as ParsedContent[]
    // console.log(contentList)
    return contentList
        .filter((c) => c._path.startsWith('/blog') || c._path.startsWith('/page'))
        .map((c) => {
            return asSitemapUrl({
                loc: c._path,
                // lastmod: updatedAt
            })
        })
})

But with Nuxt Content v3 struggeling to make it working

kapa.ai•1/26/25, 1:41 PM

Hi @Ress. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•1/26/25, 1:41 PM

----------------------
To add blog posts to your sitemap.xml with Nuxt Content v3, you'll need to adjust your approach slightly from what you were using in v2. The main difference is that in v3, we use collections and a different query API. Here's how you can achieve this:

First, make sure you have defined your blog collection in :

Then, you can create a server route to generate your sitemap. Create a file :

Finally, make sure to add the sitemap to your prerender routes in your
```
nuxt.config.ts
```
```
nuxt.config.ts
```
:

kapa.ai•1/26/25, 1:41 PM

This approach uses the new API from Nuxt Content v3 to fetch all blog posts and add them to the sitemap. The package is used to generate the XML output.

Note that you'll need to install the package:

This solution should work for Nuxt Content v3. Remember to adjust the hostname in the SitemapStream constructor to match your actual website URL.

Nuxt Content v3 Documentation provides more information about the new features and APIs in v3.
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•1/26/25, 1:41 PM

@328509260143001601 Kapa.ai is still learning and improving, please let me know how I did by reacting below.

nexoscreator•1/26/25, 1:42 PM

check out this: https://nuxt.com/modules/sitemap

Nuxt

Sitemap · Nuxt Modules

Powerfully flexible XML Sitemaps that integrate seamlessly.

RessOP•1/26/25, 1:50 PM

Yes, it's working with 'asSitemapCollection' in content.conig.ts

Thanks!