Nuxt•3y ago

✨ Dynamic Sitemap with SSR without pre-render

Hello Discord,
I'm currently using the simple-sitemap module to handle my sitemap.
Since the site I'm building should be SSR without pre-rendering, I cant rely on the module to crawl my routes. So I want to query our CMS using the graphql-client module. I've tried the "sitemap:generate" hook and failed because it wouldn't import the generated GQL Query call.

I'm now wondering what is the best way to implement this for my context?
I kinda wanna make it work with simple-sitemap, but I'm almost ready to try just creating a sitemap.xml.ts in my server directory

MaikOP•2/10/23, 11:05 AM

Hmm I see. First of all thank you for the fast response.
Its seems to me the behavior of simple-sitemap and @funken-studio/sitemap-nuxt-3 is quite similar.
I think my biggest problem is the limitation of not being able to use imports inside the nuxt.config.ts.
That's why it never found my gql calls and that's also why my config never quite worked out. The funken-studio approach with a server api route that resolves the gql/api call actually seems genius.
Ill give it a shot and try my best with simple-sitemap, but I'll keep the package you recommended in mind.

harlan•2/10/23, 11:49 AM

simple-sitemap is definitely suited towards prerendered apps but happy to get this working for you if you make an issue

harlan•2/10/23, 11:55 AM

there might be a way to run your server and crawl for URLs outside of a prerender

harlan•2/10/23, 11:55 AM

simple-sitemap aims to be minimal config

MaikOP•2/10/23, 12:52 PM

Wow, thanks for the feedback. I'm currently trying a couple of solutions. I'll get back to you / the github issues

harlan•2/20/23, 8:19 AM

not too sure about the specifics of that module sorry

DDragonBallZ Yea that is why funken wrote alternative approach if u need imports

SunTzu•3/2/23, 11:42 AM

Where is his example where you can import? For instance importing supabase module

SSunTzu Where is his example where you can import? For instance importing supabase modul...

MaikOP•3/14/23, 2:11 PM

I've created a server endpoint providing the data and then I used fetch in the arrow function that provides the routes

sitemap: {
        cacheTime: 1,
        routes: async () =>
            (await fetch(useRuntimeConfig().siteUrl + "/api/routes")).json(),
        defaults: {
            priority: 1,
            lastmod: new Date().toISOString(),
        },
    }

sitemap: {
        cacheTime: 1,
        routes: async () =>
            (await fetch(useRuntimeConfig().siteUrl + "/api/routes")).json(),
        defaults: {
            priority: 1,
            lastmod: new Date().toISOString(),
        },
    }

in my api-route file I can now use composable imports as usual (Gql Example:)

let data = await GqlGetAllPages();

let data = await GqlGetAllPages();

MaikOP•3/14/23, 2:13 PM

I'm sure you could do this using useFetch. I'm not sure why I didn't

harlan•3/17/23, 4:07 AM

https://github.com/harlan-zw/nuxt-simple-sitemap v2 may be useful if you're stuck with the other module

GitHub

GitHub - harlan-zw/nuxt-simple-sitemap: The simplest way to add XML...

The simplest way to add XML Sitemaps to your Nuxt 3 site. - GitHub - harlan-zw/nuxt-simple-sitemap: The simplest way to add XML Sitemaps to your Nuxt 3 site.

Hharlan https://github.com/harlan-zw/nuxt-simple-sitemap v2 may be useful if you're stuc...

MaikOP•3/17/23, 2:04 PM

Just browsed through the change logs. Looks amazing! Thanks for the continued development. I'll migrate as soon as I get the chance to

WWoji Piskorz hi @harlan I have a simple blog where I use Sanity to pull data. I have a compos...

harlan•4/10/23, 3:50 PM

Hey, the issue is that you're trying to use a nuxt app level composable in your nuxt config. This is why it's recommended to use an api endpoint for dynamic routes

harlan•4/10/23, 3:51 PM

although you may still have the same issue if the sanity module doesn't expose the composable for the server

harlan•4/11/23, 12:12 PM

Hm well if you're doing the URLs through nuxt config they won't be dynamic. In which case you should just prerender all pages and it should discover your sitemap entries automatically

harlan•4/11/23, 12:13 PM

You'd just need to redeploy on content updates

harlan•4/11/23, 12:14 PM

But I'm also sure there's an easy way to use the sanity API via the server routes

harlan•5/29/23, 10:52 AM

Nuxt generate

harlan•5/29/23, 10:52 AM

Should do it

harlan•5/29/23, 10:53 AM

With the crawler enabled, which I think it is by default

harlan•5/29/23, 10:53 AM

You can test locally

harlan•5/30/23, 8:33 AM

Can't you use their pagination?

sitemap: { cacheTime: 1, routes: async () => (await fetch(useRuntimeConfig().siteUrl + "/api/routes")).json(), defaults: { priority: 1, lastmod: new Date().toISOString(), }, }

✨ Dynamic Sitemap with SSR without pre-render

Similar Threads

Similar Threads

Similar Threads