3 replies

Getting next-auth-steam to work

I need some help getting steam auth to work with next.
I am getting an

Error: This action with HTTP GET is not supported by NextAuth.js

Error: This action with HTTP GET is not supported by NextAuth.js

(See attached image)

This is my app/auth/[...nextauth]/route.js file:

import SteamProvider from 'next-auth-steam'
import NextAuth from 'next-auth/next'
import { ray } from 'node-ray';

async function handler(req,res) {
    return NextAuth(req, res, {
      providers: [
        SteamProvider(req, {
          clientSecret: process.env.STEAM_API_KEY,
          callbackUrl: process.env.NEXTAUTH_URL + '/api/auth/callback',
        }),
      ]
    });
  }

export {
    handler as GET,
    handler as POST,
}

import SteamProvider from 'next-auth-steam'
import NextAuth from 'next-auth/next'
import { ray } from 'node-ray';

async function handler(req,res) {
    return NextAuth(req, res, {
      providers: [
        SteamProvider(req, {
          clientSecret: process.env.STEAM_API_KEY,
          callbackUrl: process.env.NEXTAUTH_URL + '/api/auth/callback',
        }),
      ]
    });
  }

export {
    handler as GET,
    handler as POST,
}

Anyone else run into this? Am I doing something wrong? Any help would be greatly appreciated.
Also these are my package versions:

  "next": "^13.3.0",
  "next-auth": "^4.22.0",
  "next-auth-steam": "^0.1.5",

  "next": "^13.3.0",
  "next-auth": "^4.22.0",
  "next-auth-steam": "^0.1.5",

Solution

The reason why this was not working is because I had this in my page.js

 <Link href="/api/auth/steam" className="text-blue-400 hover:text-blue-200 font-semibold underline text-lg mt-6">Log in</Link>

 <Link href="/api/auth/steam" className="text-blue-400 hover:text-blue-200 font-semibold underline text-lg mt-6">Log in</Link>

How you actually get it working is by actually following the example here:
https://github.com/Nekonyx/next-auth-steam/blob/master/examples/app-router/app/page.tsx
By using this file:
https://github.com/Nekonyx/next-auth-steam/blob/master/examples/app-router/app/Sign.tsx

GitHub

next-auth-steam/examples/app-router/app/page.tsx at master · Nekony...

steam authentication provider for next-auth. Contribute to Nekonyx/next-auth-steam development by creating an account on GitHub.

GitHub

next-auth-steam/examples/app-router/app/Sign.tsx at master · Nekony...

steam authentication provider for next-auth. Contribute to Nekonyx/next-auth-steam development by creating an account on GitHub.

Jump to solution

TTC

Theo's Typesafe Cult•3y ago•

3 replies

Lobster

Getting next-auth-steam to work

I need some help getting steam auth to work with next.
I am getting an

Error: This action with HTTP GET is not supported by NextAuth.js

Error: This action with HTTP GET is not supported by NextAuth.js

(See attached image)

This is my app/auth/[...nextauth]/route.js file:

import SteamProvider from 'next-auth-steam'
import NextAuth from 'next-auth/next'
import { ray } from 'node-ray';

async function handler(req,res) {
    return NextAuth(req, res, {
      providers: [
        SteamProvider(req, {
          clientSecret: process.env.STEAM_API_KEY,
          callbackUrl: process.env.NEXTAUTH_URL + '/api/auth/callback',
        }),
      ]
    });
  }

export {
    handler as GET,
    handler as POST,
}

import SteamProvider from 'next-auth-steam'
import NextAuth from 'next-auth/next'
import { ray } from 'node-ray';

async function handler(req,res) {
    return NextAuth(req, res, {
      providers: [
        SteamProvider(req, {
          clientSecret: process.env.STEAM_API_KEY,
          callbackUrl: process.env.NEXTAUTH_URL + '/api/auth/callback',
        }),
      ]
    });
  }

export {
    handler as GET,
    handler as POST,
}

Anyone else run into this? Am I doing something wrong? Any help would be greatly appreciated.
Also these are my package versions:

  "next": "^13.3.0",
  "next-auth": "^4.22.0",
  "next-auth-steam": "^0.1.5",

  "next": "^13.3.0",
  "next-auth": "^4.22.0",
  "next-auth-steam": "^0.1.5",

Solution

The reason why this was not working is because I had this in my page.js

 <Link href="/api/auth/steam" className="text-blue-400 hover:text-blue-200 font-semibold underline text-lg mt-6">Log in</Link>

 <Link href="/api/auth/steam" className="text-blue-400 hover:text-blue-200 font-semibold underline text-lg mt-6">Log in</Link>

GitHub

next-auth-steam/examples/app-router/app/page.tsx at master · Nekony...

steam authentication provider for next-auth. Contribute to Nekonyx/next-auth-steam development by creating an account on GitHub.

GitHub

next-auth-steam/examples/app-router/app/Sign.tsx at master · Nekony...

steam authentication provider for next-auth. Contribute to Nekonyx/next-auth-steam development by creating an account on GitHub.

Jump to solution

Getting next-auth-steam to work

Getting next-auth-steam to work

Similar Threads

Similar Threads

Similar Threads