Next JS & Node Js Project API call architecture

Shubham-Praj — Tue, 28 Jan 2025 20:31:00 +0000

I have a
Next JS Frontend - 15 (App router)

Node Server - Express JS 4.21

I am trying to create a login system using nextauth, google provider.

Once the user logs in, I want to make an external API call to my node js auth endpoint, with the nextauth google provider session data to create and entry in my postgres DB.

Once the entry is created, I want to create a jwt token using that data, which also includes a newly created user_uuid field and set that cookie in next js frontend client side, so every external API request has that jwt token.

Also on every request I want to refresh the jwt token and again set it as a cookie on client side.

Can someone please explain me how to to make the api call from frontend to backend, I have thought of the following solutions (not sure, wheather they are right or not)

Shall my next js client side api call, hit the next js api/routes endpoint and then it should call the node js backend endpoint ??
Client should directly call the node js endpoints

3.Client should call a service functions (server side), and then those services will call node api endpoints ??

I am confused rn

Any help/references/links/leads would be appreciated

Thanks

DEV Community: Shubham-Praj

Next JS & Node Js Project API call architecture