Adds sitemap. (#982)

app/sitemap.ts

@@ -0,0 +1,33 @@
+import { getCollections, getPages, getProducts } from 'lib/shopify';
+import { MetadataRoute } from 'next';
+
+const baseUrl = process.env.NEXT_PUBLIC_VERCEL_URL
+  ? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`
+  : 'http://localhost:3000';
+
+export default async function sitemap(): Promise<Promise<Promise<MetadataRoute.Sitemap>>> {
+  const routesMap = ['', '/search'].map((route) => ({
+    url: `${baseUrl}${route}`,
+    lastModified: new Date().toISOString()
+  }));
+
+  const collections = await getCollections();
+  const collectionsMap = collections.map((collection) => ({
+    url: `${baseUrl}${collection.path}`,
+    lastModified: collection.updatedAt
+  }));
+
+  const products = await getProducts({});
+  const productsMap = products.map((product) => ({
+    url: `${baseUrl}/product/${product.handle}`,
+    lastModified: product.updatedAt
+  }));
+
+  const pages = await getPages();
+  const pagesMap = pages.map((page) => ({
+    url: `${baseUrl}/${page.handle}`,
+    lastModified: page.updatedAt
+  }));
+
+  return [...routesMap, ...collectionsMap, ...productsMap, ...pagesMap];
+}

lib/shopify/fragments/product.ts

@@ -55,6 +55,7 @@ const productFragment = /* GraphQL */ `
       ...seo
     }
     tags
+    updatedAt
   }
   ${imageFragment}
   ${seoFragment}

lib/shopify/index.ts

@@ -13,7 +13,7 @@ import {
   getCollectionsQuery
 } from './queries/collection';
 import { getMenuQuery } from './queries/menu';
-import { getPageQuery } from './queries/page';
+import { getPageQuery, getPagesQuery } from './queries/page';
 import {
   getProductQuery,
   getProductRecommendationsQuery,
@@ -36,6 +36,7 @@ import {
   ShopifyCreateCartOperation,
   ShopifyMenuOperation,
   ShopifyPageOperation,
+  ShopifyPagesOperation,
   ShopifyProduct,
   ShopifyProductOperation,
   ShopifyProductRecommendationsOperation,
@@ -279,7 +280,8 @@ export async function getCollections(): Promise<Collection[]> {
         title: 'All',
         description: 'All products'
       },
-      path: '/search'
+      path: '/search',
+      updatedAt: new Date().toISOString()
     },
     // Filter out the `hidden` collections.
     // Collections that start with `hidden-*` need to be hidden on the search page.
@@ -316,6 +318,14 @@ export async function getPage(handle: string): Promise<Page> {
   return res.body.data.pageByHandle;
 }
 
+export async function getPages(): Promise<Page[]> {
+  const res = await shopifyFetch<ShopifyPagesOperation>({
+    query: getPagesQuery
+  });
+
+  return removeEdgesAndNodes(res.body.data.pages);
+}
+
 export async function getProduct(handle: string): Promise<Product | undefined> {
   const res = await shopifyFetch<ShopifyProductOperation>({
     query: getProductQuery,

lib/shopify/queries/collection.ts

@@ -9,6 +9,7 @@ const collectionFragment = /* GraphQL */ `
     seo {
       ...seo
     }
+    updatedAt
   }
   ${seoFragment}
 `;

lib/shopify/queries/page.ts

@@ -1,21 +1,41 @@
 import seoFragment from '../fragments/seo';
 
-export const getPageQuery = /* GraphQL */ `
-  query getPage($handle: String!) {
-    pageByHandle(handle: $handle) {
+const pageFragment = /* GraphQL */ `
+  fragment page on Page {
+    ... on Page {
       id
-      ... on Page {
-        title
-        handle
-        body
-        bodySummary
-        seo {
-          ...seo
-        }
-        createdAt
-        updatedAt
+      title
+      handle
+      body
+      bodySummary
+      seo {
+        ...seo
       }
+      createdAt
+      updatedAt
     }
   }
   ${seoFragment}
 `;
+
+export const getPageQuery = /* GraphQL */ `
+  query getPage($handle: String!) {
+    pageByHandle(handle: $handle) {
+      ...page
+    }
+  }
+  ${pageFragment}
+`;
+
+export const getPagesQuery = /* GraphQL */ `
+  query getPages {
+    pages(first: 100) {
+      edges {
+        node {
+          ...page
+        }
+      }
+    }
+  }
+  ${pageFragment}
+`;

lib/shopify/types.ts

@@ -105,6 +105,7 @@ export type ShopifyCollection = {
   title: string;
   description: string;
   seo: SEO;
+  updatedAt: string;
 };
 
 export type ShopifyProduct = {
@@ -124,6 +125,7 @@ export type ShopifyProduct = {
   images: Connection<Image>;
   seo: SEO;
   tags: string[];
+  updatedAt: string;
 };
 
 export type ShopifyCartOperation = {