help understanding ssr fetch functions

Question

import type { InferGetServerSidePropsType, GetServerSideProps } from 'next';
import { type MCList } from '@/lib/servers';

export const getServerSideProps: GetServerSideProps<{
 MCList: MCList;
}> = async () => {
 const res = await fetch('http://localhost:3000/api/servers/');
 const MCList = await res.json();
 return { props: { MCList } };
};

export default async function Home(props: InferGetServerSidePropsType<typeof getServerSideProps>) {
 console.log(props);
 return (
  <main className="flex min-h-screen flex-col items-center justify-between p-24">
   <pre></pre>
  </main>
 );
}

as props i get:

{ params: {}, searchParams: {} }

and im supposed to get the response data from my nextjs api route:

); }as props i get:{ params: {}, searchParams: {} }and im supposed to get the response data from my nextjs api route:

Ray · Accepted Answer

page.js receive params and searchParms from props

help understanding ssr fetch functions

2 Replies