[V0_FILE]typescript:file="app/api/auth/[...nextauth]/route.ts" isMerged="true" import { handlers } from "@/auth" export const { GET, POST } = handlers [V0_FILE]typescript:file="middleware.ts" isMerged="true" import { auth } from "@/auth" export default auth((req) => { // req.auth contains the session if (!req.auth && req.nextUrl.pathname !== "/auth/signin") { const newUrl = new URL("/auth/signin", req.nextUrl.origin) return Response.redirect(newUrl) } }) export const config = { matcher: ["/((?!api|_next/static|_next/image|favicon.ico|auth/signin).*)"], } [V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { GeistMono } from "geist/font/mono" import { Analytics } from "@vercel/analytics/next" import { SessionProvider } from "next-auth/react" import { Suspense } from "react" import "./globals.css" export const metadata: Metadata = { title: "NextAuth 5 Demo - Next.js 15.2", description: "Demonstrating NextAuth 5.0.0 beta 29 with Next.js 15.2", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( Loading...}> {children} ) } [V0_FILE]typescriptreact:file="app/auth/signin/page.tsx" isMerged="true" import { SignInForm } from "@/components/sign-in-form" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" export default function SignInPage() { return (

Welcome

) } [V0_FILE]typescriptreact:file="components/sign-in-form.tsx" isMerged="true" "use client" import { signIn } from "next-auth/react" import { Button } from "@/components/ui/button" import { Github } from "lucide-react" export function SignInForm() { return (

) } [V0_FILE]typescript:file="auth.ts" isEdit="true" isMerged="true" import NextAuth from "next-auth" import GitHub from "next-auth/providers/github" import Google from "next-auth/providers/google" export const { auth, handlers, signIn, signOut } = NextAuth({ providers: [ GitHub({ clientId: process.env.AUTH_GITHUB_ID, clientSecret: process.env.AUTH_GITHUB_SECRET, }), Google({ clientId: process.env.AUTH_GOOGLE_ID, clientSecret: process.env.AUTH_GOOGLE_SECRET, }), ], pages: { signIn: "/auth/signin", }, callbacks: { authorized: async ({ auth }) => { // Logged in users are authenticated, otherwise redirect to login page return !!auth }, }, }) [V0_FILE]json:file="package.json" isEdit="true" isMerged="true" { "name": "nextauth-v5-demo", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "next": "15.2.0", "next-auth": "5.0.0-beta.29", "react": "^19.0.0", "react-dom": "^19.0.0", "@types/node": "^20", "@types/react": "^19", "@types/react-dom": "^19", "typescript": "^5", "tailwindcss": "^4.1.9", "geist": "^1.3.0", "@vercel/analytics": "^1.3.1", "class-variance-authority": "0.7.1", "clsx": "2.1.1", "lucide-react": "0.544.0", "tailwind-merge": "3.3.1", "tailwindcss-animate": "1.0.7" }, "devDependencies": { "postcss": "8.5.6" } } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { auth } from "@/auth" import SignOutButton from "@/components/sign-out-button" import Link from "next/link" import { Button } from "@/components/ui/button" export default async function HomePage() { const session = await auth() return (

Hello World! 👋

NextAuth 5.0.0 beta 29 + Next.js 15.2 Demo

Authentication Status {session ? "Authenticated" : "Not Authenticated"} {session ? `Welcome back, ${session.user?.name || session.user?.email || "User"}!` : "You are not currently signed in"} {session ? (

Session Details:

Name: {session.user?.name || "Not provided"}

Email: {session.user?.email || "Not provided"}

Image: {session.user?.image ? "Available" : "Not provided"}

) : (

)} Welcome to the Demo! Auth Enabled This page now includes NextAuth 5 authentication

This page demonstrates NextAuth 5.0.0 beta 29 with Next.js 15.2. The auth() function is called server-side to check authentication status and display session information.

Technical Details

Next.js Version: 15.2.0 NextAuth Version: 5.0.0-beta.29 Page Type: Server Component Auth Status: {session ? "Active Session" : "No Session"}

) } [V0_FILE]typescriptreact:file="components/sign-out-button.tsx" isEdit="true" "use client" import { signOut } from "next-auth/react" import { Button } from "@/components/ui/button" import { LogOut } from "lucide-react" export default function SignOutButton() { return ( ) }