Fetch resources from external service using new next-auth (Auth.js 5.0.0-beta.17)

[nicoDs96]

Hi
I am new to nextjs and authjs. I am reading the doc, I have successfully integrated a nexjs app with keycloak, I am able to login and obtain user info, as explained in the getting started guide.

Now I am trying to access a private rest endpoint running on my machine, also secured with keycloak, using the following code

import {auth} from "@/auth"
async function getData() {
    
    const res = await fetch('http://127.0.0.1:8180/customers');

    if (!res.ok) {
      return null;
    }

    return res.json();
} 

export default async function Page() {

   const { user } = await auth();
    const data = await getData();
    return (<>
      <p>Hello {user?.name}</p>
      <p>Data: {JSON.stringify(data)}</p>
      
      </>
    );
  
}

But from the http trace on the API log I can see no token is attached to the request header. I am sure I am missing something on how all that works, but can you please help me undestrand how this should work? After I correctly log in, how should I make secure API calls using authjs and nextjs to fetch data ?