feat(pre-prod): add sitemap, move robots, other tidyup

src/app/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://charlesharwood.dev/sitemap.xml

src/app/sitemap.ts

@@ -0,0 +1,43 @@
+import { MetadataRoute } from 'next';
+
+import { createClient } from '@/prismic-config';
+import { BASE_URL, PAGES_WITH_CUSTOM_ROUTE_HANDLERS } from '@/utils/constants';
+
+export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
+  const client = createClient();
+  const pages = await client.getAllByType('page');
+
+  const dynamicPagesMap = pages
+    .filter((page) => !PAGES_WITH_CUSTOM_ROUTE_HANDLERS.has(page.uid))
+    .map(
+      (page) =>
+        ({
+          url: `${BASE_URL}/${page.uid}`,
+          lastModified: new Date(page.last_publication_date),
+          changeFrequency: 'monthly',
+          priority: 0.5,
+        }) as const,
+    );
+
+  return [
+    {
+      url: 'https://charlesharwood.dev',
+      lastModified: new Date(),
+      changeFrequency: 'yearly',
+      priority: 1,
+    },
+    {
+      url: 'https://charlesharwood.dev/about',
+      lastModified: new Date(),
+      changeFrequency: 'monthly',
+      priority: 0.8,
+    },
+    {
+      url: 'https://charlesharwood.dev/contact',
+      lastModified: new Date(),
+      changeFrequency: 'monthly',
+      priority: 0.8,
+    },
+    ...dynamicPagesMap,
+  ];
+}

src/components/forms/InputWithLabel.tsx

@@ -3,15 +3,16 @@ import { ComponentProps } from 'react';
 import { Input } from './Input';
 import { Label } from './Label';
 
-export function InputWithLabel(
-  props: ComponentProps<typeof Input> & { label: string },
-) {
+export function InputWithLabel({
+  label,
+  ...props
+}: ComponentProps<typeof Input> & { label: string }) {
   return (
     <div>
       <Label
         htmlFor={props.id}
         aria-required={props.required ? 'true' : 'false'}>
-        {props.label}
+        {label}
         {props.required ? (
           <span className="text-red-600 font-semibold"> *</span>
         ) : null}

src/components/layout/Header.tsx

@@ -6,11 +6,11 @@ import { createClient } from '@/prismic-config';
 import { FONT_VT_323 } from '@/theme/fonts';
 
 import { Container } from './Container';
-import { NavLink } from './NavLink';
 import type {
   NavigationDocumentDataLinksItem,
   Simplify,
 } from '../../../prismicio-types';
+import { NavLink } from '../links/NavLink';
 import { SocialLinks } from '../links/SocialLinks';
 import { DarkModeSetting } from '../settings/DarkModeSetting';
 import { Heading } from '../typography/Heading';

src/store/bound.ts

@@ -1,6 +1,8 @@
 import { create } from 'zustand';
 import { devtools, persist } from 'zustand/middleware';
 
+import { IS_DEV } from '@/utils/constants';
+
 import {
   SettingsActions,
   SettingsState,
@@ -20,19 +22,22 @@ export const useBoundStore = create<StoreState>()(
       }),
       {
         name: 'persisted-store',
-        onRehydrateStorage: (state) => {
-          console.log({ stateBeforeHydrate: state });
+        onRehydrateStorage: IS_DEV
+          ? (state) => {
+              console.log({ stateBeforeHydrate: state });
 
-          return (stateAfterHydrate, error) => {
-            if (error) {
-              console.error(error);
-              window.alert('Error: Failed to rehydrate store');
-              return;
-            }
+              return (stateAfterHydrate, error) => {
+                console.log({ stateAfterHydrate });
 
-            console.log({ stateAfterHydrate });
-          };
-        },
+                if (error) {
+                  console.error(error);
+                  window.alert(
+                    'Error: Failed to rehydrate store. Check console for more info.',
+                  );
+                }
+              };
+            }
+          : undefined,
         partialize: (state) => ({
           darkModeUserOverride: state.darkModeUserOverride,
         }),

src/utils/constants.ts

@@ -1,5 +1,16 @@
 import type { Metadata } from 'next';
 
+export const IS_DEV = process.env.NODE_ENV !== 'production';
+
+export const BASE_URL =
+  process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000';
+
 export const METADATA_BASE: Metadata['metadataBase'] = new URL(
   `http://localhost:${process.env.PORT || 3000}`,
 );
+
+export const PAGES_WITH_CUSTOM_ROUTE_HANDLERS = new Set([
+  'home',
+  'about',
+  'contact',
+]);