GPT

Correct Authentication Components

// src/components/Auth.astro import { betterAuth } from '../lib/auth' const { user } = Astro.locals {user ? ( Welcome, {user.name}! Sign Out ) : ( Sign In Sign Up )} // Handle

Prompt text

Original English text. Replace placeholders with your own details.

---
// src/components/Auth.astro
import { betterAuth } from '../lib/auth'

const { user } = Astro.locals
---

<div>
 {user ? (
 <div>
 <p>Welcome, {user.name}!</p>
 <form action="/api/auth/signout" method="post">
 <button type="submit">Sign Out</button>
 </form>
 </div>
 ) : (
 <div>
 <form action="/api/auth/signin" method="post">
 <input type="email" name="email" placeholder="Email" required />
 <input type="password" name="password" placeholder="Password" required />
 <button type="submit">Sign In</button>
 </form>
 <form action="/api/auth/signup" method="post">
 <input type="email" name="email" placeholder="Email" required />
 <input type="password" name="password" placeholder="Password" required />
 <button type="submit">Sign Up</button>
 </form>
 </div>
 )}
</div>

<script>
 // Handle authentication state changes
 window.addEventListener('better-auth:authenticated', (event) => {
 console.log('Authenticated:', event.detail.user)
 window.location.reload()
 })

 window.addEventListener('better-auth:signedOut', () => {
 console.log('Signed out')
 window.location.reload()
 })
</script>

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →