GPT

Route Protection Implementation

// app/utils/auth.ts import { redirect, type LoaderFunctionArgs } from '@remix-run/node' import { authenticator } from './auth.server' export async function requireUser(request: Request) { const user = await authentica

Prompt text

Original English text. Replace placeholders with your own details.

// app/utils/auth.ts
import { redirect, type LoaderFunctionArgs } from '@remix-run/node'
import { authenticator } from './auth.server'

export async function requireUser(request: Request) {
 const user = await authenticator.isAuthenticated(request)
 if (!user) throw redirect('/login')
 return user
}

// app/routes/dashboard.tsx
import { json, type LoaderFunctionArgs } from '@remix-run/node'
import { useLoaderData } from '@remix-run/react'
import { requireUser } from '~/utils/auth'

export const loader = async ({ request }: LoaderFunctionArgs) => {
 const user = await requireUser(request)
 return json({ user })
}

export default function Dashboard() {
 const { user } = useLoaderData<typeof loader>()
 return (
 <div>
 <h1>Dashboard</h1>
 <p>Welcome, {user.name}</p>
 </div>
 )
}

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 →