fix deployment url 2

app/(content)/(gaming)/games/[gameid]/page.tsx

@@ -10,8 +10,17 @@ export default async function GameDetail({ params }: { params: { gameid: string
         <div>
             <h1>Game Detail</h1>
             <h1>{data[0].name}</h1>
-            <Image src={data[0].cover.url} alt={data[0].name} width={264} height={374} priority={true} />
+            <Image src={data[0].cover.url} alt={data[0].name} width={264} height={374} priority={true} style={{ width: 'auto', height: 'auto' }} />
             <p>{data[0].summary}</p>
         </div>
     )
-}
\ No newline at end of file
+}
+
+// pre-renders static paths for all fetched games for faster page loads
+export async function generateStaticParams() {
+    const games = await getGames()
+
+    return games.map((game) => ({
+        gameid: game.id.toString(),
+    }));
+}

components/InfiniteScroll.tsx

@@ -2,14 +2,12 @@
 
 import Game from "@/components/Game";
 import { Card } from "@/components/ui/card";
-import { getBaseURL } from "@/lib/utils";
 import { IGame } from "@/types/igdb-types";
 import { useInfiniteQuery } from "@tanstack/react-query";
 import { Fragment } from "react";
 import InfiniteScroll from "react-infinite-scroll-component";
 
 export function InfiniteScrollGames() {
-    console.log(getBaseURL())
     const {
         status,
         data,
@@ -19,9 +17,7 @@ export function InfiniteScrollGames() {
     } = useInfiniteQuery(
         ['infiniteGames'],
         async ({ pageParam = 1 }) =>
-            await fetch(
-                `${getBaseURL()}/api/games/?page=${pageParam}`,
-                { cache: 'force-cache', }
+            await fetch(`/api/games/?page=${pageParam}`,
             ).then((result) => result.json() as Promise<IGame[]>),
         {
             getNextPageParam: (lastPage, pages) => {

lib/utils.ts

@@ -13,15 +13,6 @@ export function getImageURL(hashId: string, size: string): string {
   return `${IGDB_IMG_BASE_URL}/t_${size}_2x/${hashId}.jpg`
 }
 
-// returns the base url for the current environment, even considering current port
-export function getBaseURL(): string {
-  return process.env.NODE_ENV === 'production'
-    ? process.env.NEXT_PUBLIC_APP_URL ?? ''
-    : (typeof window !== 'undefined'
-      ? `http://${window.location.hostname}:${window.location.port}`
-      : 'http://localhost:3000')
-}
-
 // calculates the offset for the query
 export function calculateOffset(page: number, limit: number): number {
   return (page - 1) * limit