Install next auth

npm i --save next-auth

Install next-auth

import NextAuth from "next-auth"
import Providers from "next-auth/providers"

export default NextAuth({
  providers: [
    // OAuth authentication providers
    Providers.Apple({
      clientId: process.env.APPLE_ID,
      clientSecret: process.env.APPLE_SECRET,
    }),
    Providers.Google({
      clientId: process.env.GOOGLE_ID,
      clientSecret: process.env.GOOGLE_SECRET,
    }),
    // Sign in with passwordless email link
    Providers.Email({
      server: process.env.MAIL_SERVER,
      from: "<no-reply@example.com>",
    }),
  ],
  // SQL or MongoDB database (or leave empty)
  database: process.env.DATABASE_URL,
})

Source: npmjs.com

Install next-auth

import { useSession, signIn, signOut } from "next-auth/client"

export default function Component() {
  const [session, loading] = useSession()
  if (session) {
    return (
      <>
        Signed in as {session.user.email} <br />
        <button onClick={() => signOut()}>Sign out</button>
      </>
    )
  }
  return (
    <>
      Not signed in <br />
      <button onClick={() => signIn()}>Sign in</button>
    </>
  )
}

Source: npmjs.com

Similar codes

0 vote115 views1 answer
How to install atom on manjaro
Shell/Bash
1 vote131 views1 answer
How to copy data from github server to another server
Shell/Bash
0 vote136 views1 answer
Install plugins from package.json ionic cordova
Shell/Bash
1 vote140 views2 answers
Uninstall webpack globaly
Shell/Bash
0 vote121 views1 answer
Bash replace specific line in file
Shell/Bash
0 vote138 views1 answer
Typedef redefinition with different types ('uint8_t' (aka 'unsigned char') vs 'enum clockid_t') react native
Shell/Bash
0 vote142 views1 answer
Compressed-raw-lzma kali install
Shell/Bash
0 vote128 views1 answer
No such file or directory scandir node-sass/vendor
Shell/Bash
1 vote94 views1 answer
Gcloud list current CLI Configuration
Shell/Bash
0 vote143 views4 answers
How to set minimum char for variable in powershell from user input
Shell/Bash