Add revalidations

RelistenNet · Aug 21, 2023 · 6ca5168 · 6ca5168
1 parent 5b2f698
commit 6ca5168
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 7 deletions.
diff --git a/src/app/(main)/(home)/[artistSlug]/[year]/[month]/[day]/layout.tsx b/src/app/(main)/(home)/[artistSlug]/[year]/[month]/[day]/layout.tsx
@@ -15,9 +15,9 @@ export const fetchShow = async (
 ): Promise<Partial<Tape>> => {
   if (!slug || !year || !displayDate) return { sources: [] };
 
-  const parsed = (await ky(
-    `${API_DOMAIN}/api/v2/artists/${slug}/years/${year}/${displayDate}`
-  ).json()) as Tape;
+  const parsed = (await ky(`${API_DOMAIN}/api/v2/artists/${slug}/years/${year}/${displayDate}`, {
+    next: { revalidate: 60 * 5 },
+  }).json()) as Tape;
 
   return parsed;
 };

diff --git a/src/app/(main)/(secondary)/today/page.tsx b/src/app/(main)/(secondary)/today/page.tsx
@@ -4,7 +4,9 @@ import { groupBy } from '../../../../lib/utils';
 import { Artist, Day } from '../../../../types';
 
 export default async function Page() {
-  const data: Day[] = await fetch(`${API_DOMAIN}/api/v2/shows/today`).then((res) => res.json());
+  const data: Day[] = await fetch(`${API_DOMAIN}/api/v2/shows/today`, {
+    next: { revalidate: 60 * 5 }, // seconds
+  }).then((res) => res.json());
 
   const artists: Artist[] = data.map((day: Day) => ({
     ...day,

diff --git a/src/app/queries.tsx b/src/app/queries.tsx
@@ -3,7 +3,9 @@ import { API_DOMAIN } from '../lib/constants';
 import { Artist } from '@/types';
 
 export const fetchArtists = async (): Promise<Artist[]> => {
-  const parsed = await ky(`${API_DOMAIN}/api/v2/artists`)
+  const parsed = await ky(`${API_DOMAIN}/api/v2/artists`, {
+    next: { revalidate: 60 * 5 },
+  })
     .json()
     .catch((err) => {
       console.error('artists fetch error', err);

diff --git a/src/components/ShowsColumn.tsx b/src/components/ShowsColumn.tsx
@@ -15,7 +15,9 @@ import Tag from './Tag';
 const fetchShows = async (slug?: string, year?: string): Promise<ArtistShows | undefined> => {
   if (!slug || !year) return undefined;
 
-  const parsed: ArtistShows = await ky(`${API_DOMAIN}/api/v2/artists/${slug}/years/${year}`).json();
+  const parsed: ArtistShows = await ky(`${API_DOMAIN}/api/v2/artists/${slug}/years/${year}`, {
+    next: { revalidate: 60 * 5 },
+  }).json();
 
   return parsed;
 };

diff --git a/src/components/YearsColumn.tsx b/src/components/YearsColumn.tsx
@@ -12,7 +12,9 @@ import Row from './Row';
 const fetchYears = async (slug?: string): Promise<Year[]> => {
   if (!slug) return [];
 
-  const parsed: Year[] = await ky(`${API_DOMAIN}/api/v2/artists/${slug}/years`).json();
+  const parsed: Year[] = await ky(`${API_DOMAIN}/api/v2/artists/${slug}/years`, {
+    next: { revalidate: 60 * 5 },
+  }).json();
 
   return parsed;
 };