Add revalidation config to homepage

src/app/page.tsx

@@ -7,6 +7,8 @@ import MoreComponents from '@/components/MoreComponents';
 import PhotosLarge from '@/photo/PhotosLarge';
 import { Suspense } from 'react';
 
+export const revalidate = 30;
+
 export async function generateMetadata(): Promise<Metadata> {
   // Make homepage queries resilient to error on first time setup
   const photos = await getPhotosCached({ limit: MAX_PHOTOS_TO_SHOW_OG })

src/components/MoreComponents.tsx

@@ -17,7 +17,7 @@ export default function MoreComponents({
   triggerOnView?: boolean
   prefetch?: boolean
 }) {
-  const [offset, setOffset] = useState(1);
+  const [offset, setOffset] = useState(2);
   const [components, setComponents] = useState<JSX.Element[]>([]);
   const [isLoading, setIsLoading] = useState(false);