Authentication - lesson 5 | HackIndia Skills

Authentication - lesson 5 | HackIndia Skills | HackIndia

Example

NextAuth example

If your project uses Next.js, Auth.js / NextAuth is a common free choice. This example adds Google sign-in and stores the provider credentials in env vars.

Check the docs for the exact setup for your Next.js version before copying. AI tools often mix old and new NextAuth file paths.

// app/api/auth/[...nextauth]/route.js
import NextAuth from "next-auth";
import GoogleProvider from "next-auth/providers/google";

const handler = NextAuth({
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_CLIENT_ID,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET,
    }),
  ],
  callbacks: {
    async session({ session, token }) {
      session.user.id = token.sub;
      return session;
    },
  },
});

export { handler as GET, handler as POST };

// .env.local
GOOGLE_CLIENT_ID="your-client-id"
GOOGLE_CLIENT_SECRET="your-client-secret"
NEXTAUTH_URL="http://localhost:3000"
NEXTAUTH_SECRET="make-a-long-random-secret"

Add OAuth sign-in

Use a provider

What OAuth adds

Set up provider app

NextAuth example

Do not trust extras

Use AI carefully

Do this now

Quick check