I am still learning NextJS (v15) as I come across new things, and this one has definitely stumped me.

I am wondering what kind of approach I would want to take for something like this:

I have a page called games which will maps all of the current matchups using my matchupcard component.
Each matchup maps all of the players, using my playercard component.

Now, when a user clicks on a player, I want it to load player details, using a Modal popup. It will have to fecth some more data for that specific player from my supabase DB. So I was wondering if it would be possible to have it load the Modal using SSR.

This is a good example of what I am looking for, I just cant seem to piece this together:
https://x.com/asidorenko_/status/1725548472839950553

So when a user clicks on a player, it will display the popup modal. I dont want this modal to have a specific page, meaning if they were to refresh the page, it would take them to the homepage for example.

What concepts would I have to use to achieve this? Would it be considered what the title is in the twitter video?:
Modal with parallel routes in Next.js (without intercepting)

I have tried to follow the details and steps from the twitter video but cant seem to get anything to work. If anyone were to have an example of what I am trying to achieve, thet would be great.

Any feedback is appreicated.

Thanks