I've added the line export const dynamicParams = false; to have any dynamic segments redirect to the 404 page, yet any slug for this page will try to generate the page on demand. For example /jobs/intern should work since it's included in the static list of slugs, but jobs/some-random-slug shouldn't, since it isn't. This causes an internal server error since the data fetching obviously fails. Not sure what I've missed.

Code:

export async function generateStaticParams() {
  const jobs = await fetchJobs();
  const slugs = jobs
    .filter((job) => job.publish && job.slug)
    .map((job) => job.slug);

  return slugs;
}

export default async function Job({ params }) {
  const { slug } = params;

  const job = await fetchJobBySlug(slug);
  const generalContent = await fetchGeneralContent();

  return (
    <Layout generalContent={generalContent}>
      <JobInfo job={job} />
    </Layout>
  );
}

export const dynamicParams = false;