Authorizing a logged in user to connect additional OAuth integrations (Asana, Trello, etc)?

[ilyafish]

I'm developing an MVP for a SAAS product and having a hard time finding an example of the best way to implement this.

What I'm looking to do:

• User registers/logs in and goes to dashboard (user is now already authenticated)
• Goes to the "Integrations" page
• Clicks on a "Connect to (Trello/Asana/any 3rd party OAuth provider)" button
• Goes through the OAuth authentication process, obtaining access & refresh tokens
• Access & refresh tokens are refreshed automatically so the user doesn't have to re-authenticate their integrations
• Have access to some sort of context/state/session if a refresh token is invalidated and user has to reauthorize, they can be prompted to do so inside NextJS (but since integrations are optional this has no bearing on the actual session of the user being logged in/out)

Is there a good example of how something like this should work?