refactor: use static convene pages to lessen serverless execution

Luzefiru / wuwatracker

wuwatracker.com - A Collection of Wuthering Waves Tools; Pity Tracker, Game Calendar, Data Exporter, and more!

62 stars 18 forks source link

Problem Context

Currently, the /convene/[name] routes are being dynamically rendered and is a client component. This means it unnecessarily uses serverless function execution time when it should instead be rendered statically.

Solution

I turned the pages into static pages with generateStaticParams() and composed the actual data fetching to a client component inside it.

export async function generateStaticParams() {
  return Object.keys(bannerMetadata) as BannerTypeSlugEnum[];
}

Testing

Here is the performance on a forced reload (CTRL + F5). Performance it noticeably better since we can prefetch the <Link /> components on the sidebar.

demo