Accessing Github REST API with Next-auth token

Question

Accessing Github REST API with Next-auth token

Looking to enable user login and retrieve specific user data using the Github REST API, such as repositories and issues.

After successfully implementing the login feature, I encountered an obstacle with the Github REST API that requires a token for endpoint access. Despite checking the session with getServerSession(authOptions) and retrieving some information, the token was not included (refer to snippet below).

"session": {
  "user": {
    "name": "UserName",
    "email": "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="84fcfcfcfcfcfcfcfcc4e3e9e5ede8aae7ebe9">[email protected]</a>",
    "image": "https://xxxxxx.xxxxxx/xxxxx"
  }
}

I've attempted various solutions from StackOverflow without success.
Is there anyone out there who can assist me? Thanks in advance.

typescript github next.js github-api next-auth

Answer 1

Answer №1

With the assistance of someone in the next.js Discord server, I was able to find a solution.
Check out the documentation here: https://next-auth.js.org/configuration/callbacks#sign-in-callback

export const authOptions : NextAuthOptions = {
  adapter: ...,
  session: {
    strategy: "jwt", // include this
  },
  providers: [...],
  // add two callback functions below
  callbacks: {
    async session({ session, token, user }) {
      session.accessToken = token.accessToken as string;
      return session;
    },
    async jwt({ token, user, account, profile }) {
      if (account) {
        token.accessToken = account.access_token;
      }
      return token;
    }
  },
};

If you are using TypeScript, remember to add this code snippet to "types/next-auth.d".
Refer to the docs here: https://next-auth.js.org/getting-started/typescript

import NextAuth, { DefaultSession } from "next-auth";

declare module "next-auth" {
  interface Session {
    accessToken: string;
    expires: string;
    user: {
      address: string
    } & DefaultSession["user"];
  }
}

Answer 2

With the assistance of someone in the next.js Discord server, I was able to find a solution.
Check out the documentation here: https://next-auth.js.org/configuration/callbacks#sign-in-callback

export const authOptions : NextAuthOptions = {
  adapter: ...,
  session: {
    strategy: "jwt", // include this
  },
  providers: [...],
  // add two callback functions below
  callbacks: {
    async session({ session, token, user }) {
      session.accessToken = token.accessToken as string;
      return session;
    },
    async jwt({ token, user, account, profile }) {
      if (account) {
        token.accessToken = account.access_token;
      }
      return token;
    }
  },
};

If you are using TypeScript, remember to add this code snippet to "types/next-auth.d".
Refer to the docs here: https://next-auth.js.org/getting-started/typescript

import NextAuth, { DefaultSession } from "next-auth";

declare module "next-auth" {
  interface Session {
    accessToken: string;
    expires: string;
    user: {
      address: string
    } & DefaultSession["user"];
  }
}

Accessing Github REST API with Next-auth token

Answer №1

Similar questions

Struggling with rendering object in Next.js, receiving an error stating "map is not a function."

Angular: Tailoring the Context Menu

Typescript type for selecting only string[] keys in an object

How can I implement Data Caching in Next.js 13 (App Router) by accessing the DataBase directly instead of using fetch?

Tips on effectively rendering child components conditionally in React

The function that was provided as a parameter is not functioning as expected

"What is the best way to determine the data type of an object retrieved from an API in TypeScript

Encountering an uncaughtException: Error stating that the module '....nextserverapphomelibworker.js' cannot be located while attempting to utilize pino.transport in Next.js

Step-by-step guide on building an API to push form input data into a MongoDB document as a subdocument

Confused about the functionality of the map feature in Angular

Best practices for receiving messages from SQS in Node.js

"TypeScript function returning a boolean value upon completion of a resolved promise

Error: Cannot access Angular 5 Title service at this time

Securing your Next.js App with Express JWT Authentication

I am a beginner in the world of Typescript/Angular, and I have encountered a compiling error TS2339. It seems that even when the condition *ngIf="x.length > 0;" should be false, the

How can I access keys and values from an Observable within an Angular template?

Would you recommend incorporating SWR for refreshing prefetched data alongside SSR in a nextJS application?

Pause the React rendering process to initiate a redirection

Having trouble locating the name 'it' in Jest TypeScript

How to attach a local directory to a Docker container