Use generateRemixSitemap without SSR mode in React Router v7

[its-tim-lee]

I guess it will not work? Although I don't use SSR, but I'm using pre-rendering, so I assume that it should work somehow?

[AlemTuzlak]

The issue is that you'd have to pass in the routes object into the generator for it to output what you need. If you can somehow import them and pass them in you shouldn't have any issues

[nikolailehbrink]

Hi @its-tim-lee!

I got it working.
You can obtain the Routes object with the following code:

//sitemap.xml.ts
import { generateRemixSitemap } from "@forge42/seo-tools/remix/sitemap";
import type { Route } from "./+types/sitemap.xml";

export const loader = async ({ request }: Route.LoaderArgs) => {
  // Note: Automatic type support for virtual:react-router/server-build since 7.4.0: https://github.com/remix-run/react-router/blob/main/CHANGELOG.md#v740
  const { routes } = await import("virtual:react-router/server-build");
  const sitemap = await generateRemixSitemap({
    domain: new URL(request.url).origin,
    routes,
  });

  return new Response(sitemap, {
    headers: {
      "Content-Type": "application/xml",
    },
  });
};

@AlemTuzlak I however have one question and I think it's related to the release of version 7.0.0:

The RouteManifest type used by the "remix" code is now slightly stricter because it is using the former @remix-run/router RouteManifest

I get the following type error on routes with the code above:

Type 'ServerRouteManifest' is not assignable to type 'RouteManifest'.
'string' index signatures are incompatible.
Type 'Omit<ServerRoute, "children"> | undefined' is not assignable to type 'ServerRoute'.
Type 'undefined' is not assignable to type 'ServerRoute'.ts(2322)

Any chance for a fix of this?