feat: add sitemap and all show routes to map

This patch adds a sitemap that is dynamically generated by
`remix-sitemap`. This allows us to ensure that all the shows in our
database are properly added to it.

Ref: https://github.com/fedeya/remix-sitemap
Ref: https://stackoverflow.com/a/31354426
Ref: https://developers.google.com/search/docs/crawling-indexing/sitemaps/build-sitemap

Closes: NC-681

app/entry.server.tsx

@@ -1,13 +1,22 @@
 import { RemixServer } from '@remix-run/react'
 import type { EntryContext } from '@vercel/remix'
 import { handleRequest } from '@vercel/remix'
+import { createSitemapGenerator } from 'remix-sitemap'
+
+import { BASE_URL } from 'utils'
+
+const { isSitemapUrl, sitemap } = createSitemapGenerator({
+  siteUrl: BASE_URL,
+  generateRobotsTxt: true,
+})
 
 export default function entry(
   request: Request,
   responseStatusCode: number,
   responseHeaders: Headers,
   remixContext: EntryContext,
 ) {
+  if (isSitemapUrl(request)) return sitemap(request, remixContext)
   responseHeaders.set('Cache-Control', 's-maxage=1, stale-while-revalidate=59')
   return handleRequest(
     request,

app/routes/shows.$seasonYear.$seasonName.($sex).$brandSlug/route.tsx

@@ -4,6 +4,7 @@ import {
   type SerializeFrom,
   type V2_MetaFunction,
 } from '@vercel/remix'
+import { type SitemapFunction } from 'remix-sitemap'
 
 import { prisma } from 'db.server'
 import { log } from 'log.server'
@@ -48,6 +49,17 @@ export const meta: V2_MetaFunction<typeof loader> = ({ data }) => {
   ]
 }
 
+export const sitemap: SitemapFunction = async () => {
+  const shows = await prisma.show.findMany({
+    include: { season: true, brand: true },
+    orderBy: { name: 'asc' },
+  })
+  return shows.map((show) => ({
+    loc: getShowPath(show),
+    lastmod: show.updatedAt.toISOString(),
+  }))
+}
+
 export const handle: Handle = {
   breadcrumb: (match) => {
     const data = match.data as SerializeFrom<typeof loader> | undefined

app/utils.ts

@@ -6,8 +6,8 @@ import type { User } from 'models/user.server'
 
 import type { loader } from 'root'
 
-const DEFAULT_REDIRECT = '/'
-const BASE_URL = 'https://nicholas.engineering'
+export const DEFAULT_REDIRECT = '/'
+export const BASE_URL = 'https://nicholas.engineering'
 
 export const clone = rfdc()
 

package.json

@@ -83,6 +83,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hotkeys-hook": "^4.4.1",
+    "remix-sitemap": "^2.2.0",
     "rfdc": "^1.3.0",
     "schema-dts": "^1.1.2",
     "sharp": "^0.32.4",