Bug: Sign-in and sign-out are completely broken without JS #477

New issue

Open

opened 2026-04-16 07:10:32 +00:00 by jjalangtry · 0 comments

jjalangtry commented

2026-04-16 07:10:32 +00:00

(Migrated from github.com)

Problem

`signIn('google')` and `signOut()` in `AuthButton.tsx` are pure JS event handlers — no anchor, no form action. Without JS, users cannot sign in or sign out at all.

Affected File

`next/components/nav/AuthButton.tsx` (lines 117–127)

Fix

NextAuth ships a built-in HTML sign-in page at `/api/auth/signin` that works with zero JS. Use it as the fallback:

```html

\`\`\`

## Problem \`signIn('google')\` and \`signOut()\` in \`AuthButton.tsx\` are pure JS event handlers — no anchor, no form action. **Without JS, users cannot sign in or sign out at all.** ## Affected File \`next/components/nav/AuthButton.tsx\` (lines 117–127) ## Fix NextAuth ships a built-in HTML sign-in page at \`/api/auth/signin\` that works with zero JS. Use it as the fallback: \`\`\`html  <noscript><a href="/api/auth/signin">Sign In</a></noscript>  <noscript> <form action="/api/auth/signout" method="POST"> <button type="submit">Sign Out</button> </form> </noscript> \`\`\`