picture of home page

home page - gets the first 10 switches from the database and maps them out to switchCard

Switch card, takes the data and renders the switch card. the link at the bottom is what's slow

/switches/switch page, gets the switch from params and finds the switch in the db, passes it onto the client side component

the client side component, renders final picture see below *

The db is probably the bottleneck. I doubt it would make that much of a difference, but you could try switching off of prisma.

Also you’re not suspense-ing right. You have to wrap the component that’s making the async calls in a suspense for it to trigger. So that would make the page load faster with spinners.

OHHHHH

thank you!!

this makes it sooo much better and faster

I didnt know thats how you're supposed to do it

Yup! I don’t love that it sort of dictates how you break up your components, but that’s how it works