Generate sitemap with Vite and TanStack router

[Yetispapa]

Hello,

We've recently integrated TanStack Router into our React application using Vite and are really enjoying its functionality. Our current challenge is figuring out how to generate a sitemap that reflects our router's structure. We came across a Vite plugin, vite-plugin-sitemap, which appears to offer sitemap generation capabilities based on specific input.

As I'm relatively new to using TanStack Router, I'm seeking advice on whether it's feasible to create a sitemap in this context, and if so, how to go about it using this plugin.

Any guidance or tips would be greatly appreciated.

Thank you!

[tannerlinsley]

Sitemaps are related to the router, especially for static routes. But for anything dynamic, like a blog post slug or product ID, you’ll be better off generating a sitemap closer to your database rather than the router.

[rfedoruk]

Gonna leave this here in case anyone needs it. I ran into this same issue of trying to generate a sitemap.xml file. Managed to figure out a way to do it from the routeTree.gen.ts file
https://www.npmjs.com/package/vite-plugin-tanstack-router-sitemap

[tannerlinsley]

Sample output? Tanner Linsley TanStack LLC

…

On Jan 17, 2025 at 3:14 PM -0700, Roman Fedoruk ***@***.***>, wrote: Gonna leave this here in case anyone needs it. I ran into this same issue of trying to generate a sitemap.xml file. Managed to figure out a way to do it from the routeTree.gen.ts file https://www.npmjs.com/package/vite-plugin-tanstack-router-sitemap — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you modified the open/close state.Message ID: ***@***.***>

[rfedoruk]

<?xml version="1.0" encoding="UTF-8"?>
  <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    <url>
      <loc>https://yourdomain.com/</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/about</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/contact</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/privacy</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/terms</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/portfolio/design-ideas</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/portfolio/residential</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/process/consultation</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/process/design</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/process/installation</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/services/garage</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/services/pantry</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/services/reach-in</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  <url>
      <loc>https://yourdomain.com/services/walk-in</loc>
      <lastmod>2025-01-17</lastmod>
      <changefreq>weekly</changefreq>
      <priority>0.5</priority>
    </url>
  </urlset>

[rfedoruk]

I am getting some type errors in app.config.ts, but it does build.