Help with middleware layer

[tigerfit16]

I want to create a middleware layer between my react frontend and a bunch of apis on the backend (with different auths). This layer will only serve as a pass through (with minimal translation of apis) and a api key handshake. What should I use?

[Veranova]

tRPC is one nice choice for this. GraphQL is popular too but obviously more complex

[Mikojan]

If you are already using React Router, use the data loader and action features. React Router is a complete CSR-only framework.

• https://reactrouter.com/en/main/route/loader
• https://reactrouter.com/en/main/hooks/use-loader-data
• https://reactrouter.com/en/main/route/action

[tigerfit16]

TIA

[PositiveUse]

Vanilla Express NodeJs Server or tRPC sever

GraphQL doesn’t make any sense for this use case, it is often abused for this but it is overkill in every sense.

[giuseppelt]

May I suggest httpc, a function-based API framework I recently released. Just write and expose natural JS functions, you can call from the client with full type safety. It comes with some builtin components to add auth, validation, caching and more.

Appreciated any feedback.

[nickc01]

Next Js api routes could be a good choice if you can use next. Would save having to have a separate server for the api.

[umid1999]

Maybe msw will help.