Disable caching on most fetch requests

RelistenNet · Sep 19, 2023 · 595d76e · 595d76e
1 parent 450b825
commit 595d76e
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 18 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
@@ -17,7 +17,7 @@ export const fetchShow = async (
   if (!slug || !year || !displayDate) return { sources: [] };
 
   const parsed = (await ky(`${API_DOMAIN}/api/v2/artists/${slug}/years/${year}/${displayDate}`, {
-    next: { revalidate: 60 * 5 },
+    cache: 'no-cache',
   }).json()) as Tape;
 
   return parsed;

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

diff --git a/src/app/queries.tsx b/src/app/queries.tsx
@@ -4,7 +4,7 @@ import { Artist } from '@/types';
 
 export const fetchArtists = async (): Promise<Artist[]> => {
   const parsed = await ky(`${API_DOMAIN}/api/v2/artists`, {
-    next: { revalidate: 60 * 5 },
+    next: { revalidate: 60 * 5 }, // leaving for now, should revisit cache (I dont think this works)
   })
     .json()
     .catch((err) => {

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

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

diff --git a/src/redux/modules/shows.js b/src/redux/modules/shows.js
@@ -1,5 +1,4 @@
 import { HYDRATE } from 'next-redux-wrapper';
-import { API_DOMAIN } from '../../lib/constants';
 
 const REQUEST_SHOWS = 'years/REQUEST_SHOWS';
 const RECEIVE_SHOWS = 'years/RECEIVE_SHOWS';
@@ -64,15 +63,3 @@ export function receiveShows(artistSlug, year, data) {
     data,
   };
 }
-
-export function fetchShows(artistSlug, year) {
-  return (dispatch, getState) => {
-    const state = getState().shows[artistSlug];
-    if (state && state[year] && state[year].meta && state[year].meta.loaded) return {};
-    // console.log('fetching shows', artistSlug, year)
-    dispatch(requestShows(artistSlug, year));
-    return fetch(`${API_DOMAIN}/api/v2/artists/${artistSlug}/years/${year}`)
-      .then((res) => res.json())
-      .then((json) => dispatch(receiveShows(artistSlug, year, json)));
-  };
-}