1const prisma = new PrismaClient()23const findQuestionWithCache = unstable_cache(async (url_title: string) => {45  return await await prisma.tab.findFirst({6    where:{7      urlTitle: url_title,8    },9    include: {10      categories:{1112      },13      whistles:{14        take: 515      }16    }17  }) ;18},19[],20{21  revalidate: 60*60*24*222});2324type Props = {25  params: { url_title: string }26  searchParams: { [key: string]: string | string[] | undefined }27}28 29export async function generateMetadata(30  { params, searchParams }: Props,31  parent: ResolvingMetadata32): Promise<Metadata> {33  // read route params34  const id = params.url_title35  const tab = await findQuestionWithCache(params.url_title)36  37  const previousImages = (await parent).openGraph?.images || []38 39  return {40    title: `${tab?.title} - Tin Whistle Tab & Backing Track Readable and Easy to play`41  }42}434445export default async function Page({ params }: { params: { url_title: string } }) {46  47  const tab = await findQuestionWithCache(params.url_title) ?? notFound()48  const whistles = tab.whistles49  return (50    <main className="container max-w-screen-2xl flex flex-col justify-between">51        ...52          <div className="flex flex-col lg:flex-row lg:items-start">53            {/* Tabs Base */}54            <TabPage page={tab.notes}/>55            {/* Side Bar */}56            <SideBar tab={tab} whistles={whistles}/>57          </div>58       ...59    </main>60  );61}62