fix(sitemap): include root path in sitemap

src/app/(main)/page.tsx

@@ -6,12 +6,14 @@ import SectionRenderer from "src/utils/renderSection";
 import { fetchSeoData, generateMetadataFromSeo } from "src/utils/seo";
 import { LinkType } from "studio/lib/interfaces/navigation";
 import { PageBuilder } from "studio/lib/interfaces/pages";
-import { LANDING_QUERY } from "studio/lib/queries/navigation";
+import { LANDING_PAGE_REF_QUERY } from "studio/lib/queries/navigation";
 import { PAGE_QUERY, SEO_PAGE_QUERY } from "studio/lib/queries/page";
 import { loadStudioQuery } from "studio/lib/store";
 
 export async function generateMetadata(): Promise<Metadata> {
-  const { data: landingId } = await loadStudioQuery<string>(LANDING_QUERY);
+  const { data: landingId } = await loadStudioQuery<string>(
+    LANDING_PAGE_REF_QUERY,
+  );
   const seo = await fetchSeoData(SEO_PAGE_QUERY, { id: landingId });
   return generateMetadataFromSeo(seo);
 }
@@ -36,7 +38,7 @@ const Home = async () => {
   const { perspective, isDraftMode } = getDraftModeInfo();
 
   const { data: landingId } = await loadStudioQuery<string>(
-    LANDING_QUERY,
+    LANDING_PAGE_REF_QUERY,
     {},
     { perspective },
   );

src/app/sitemap.ts

@@ -1,25 +1,42 @@
 import type { MetadataRoute } from "next";
 
 import { client } from "studio/lib/client";
-import { Slug } from "studio/lib/interfaces/global";
+import { DocumentWithSlug } from "studio/lib/interfaces/global";
+import { PageBuilder } from "studio/lib/interfaces/pages";
+import { DOCUMENTS_WITH_SLUG_QUERY } from "studio/lib/queries/document";
+import { LANDING_PAGE_QUERY } from "studio/lib/queries/navigation";
 import { token } from "studio/lib/token";
 
-interface SitemapDocument {
-  slug: Slug;
-  _updatedAt: string;
-}
-
 const clientWithToken = client.withConfig({ token });
 
 export const dynamic = "force-dynamic";
 export const fetchCache = "default-no-store";
 
 export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-  const documents =
-    await clientWithToken.fetch<SitemapDocument[]>(`*[defined(slug)]`);
-
-  return documents.map((s) => ({
-    url: new URL(s.slug.current, process.env.NEXT_PUBLIC_URL).toString(),
+  const baseUrl =
+    process.env.NEXT_PUBLIC_URL !== undefined &&
+    URL.canParse(process.env.NEXT_PUBLIC_URL)
+      ? new URL(process.env.NEXT_PUBLIC_URL)
+      : undefined;
+  if (baseUrl === undefined) {
+    console.error("Failed to generate sitemap, missing baseUrl");
+    return [];
+  }
+  const slugDocuments = await clientWithToken.fetch<DocumentWithSlug[]>(
+    DOCUMENTS_WITH_SLUG_QUERY,
+  );
+  const sitemapEntries = slugDocuments.map((s) => ({
+    url: new URL(s.slug.current, baseUrl).toString(),
     lastModified: new Date(s._updatedAt),
   }));
+  const landingPage = await clientWithToken.fetch<PageBuilder | null>(
+    LANDING_PAGE_QUERY,
+  );
+  if (landingPage !== null) {
+    sitemapEntries.push({
+      url: baseUrl.toString(),
+      lastModified: new Date(landingPage._updatedAt),
+    });
+  }
+  return sitemapEntries;
 }

studio/components/CustomCallToActions.tsx

@@ -9,7 +9,7 @@ import {
 } from "sanity";
 
 import { fetchWithToken } from "studio/lib/fetchWithToken";
-import { LANDING_QUERY } from "studio/lib/queries/navigation";
+import { LANDING_PAGE_REF_QUERY } from "studio/lib/queries/navigation";
 
 type CustomCallToActionsProps = ArrayOfObjectsInputProps<
   { _key: string },
@@ -28,7 +28,7 @@ const CustomCallToActions: React.FC<CustomCallToActionsProps> = (props) => {
     const fetchLandingId = async () => {
       try {
         setLoading(true);
-        const landingId = await fetchWithToken<string>(LANDING_QUERY);
+        const landingId = await fetchWithToken<string>(LANDING_PAGE_REF_QUERY);
         setLandingPageId(landingId);
       } catch (error) {
         console.error("Failed to fetch navigation manager", error);

studio/lib/interfaces/global.ts

@@ -7,3 +7,8 @@ export interface Reference {
   _type: "reference";
   _ref: string;
 }
+
+export interface DocumentWithSlug {
+  slug: Slug;
+  _updatedAt: string;
+}

studio/lib/queries/document.ts

@@ -0,0 +1,5 @@
+import { groq } from "next-sanity";
+
+export const DOCUMENTS_WITH_SLUG_QUERY = groq`
+  *[defined(slug)]
+`;

studio/lib/queries/navigation.ts

@@ -38,6 +38,10 @@ export const NAV_QUERY = groq`
   }
 `;
 
-export const LANDING_QUERY = groq`
+export const LANDING_PAGE_REF_QUERY = groq`
   *[_type == "navigationManager"][0].setLanding._ref
 `;
+
+export const LANDING_PAGE_QUERY = groq`
+  *[_type == "navigationManager"][0].setLanding ->
+`;