GPT

Route Protection Implementation

// app/routes/dashboard.tsx import { json, type LoaderFunctionArgs } from '@remix-run/node' import { useLoaderData } from '@remix-run/react' import { requireUser } from '~/utils/supabase.server' export async function lo

Prompt text

Original English text. Replace placeholders with your own details.

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

export async function loader({ request }: LoaderFunctionArgs) {
 const { user, response } = await requireUser(request)
 return json({ user }, { headers: response.headers })
}

export default function Dashboard() {
 const { user } = useLoaderData<typeof loader>()
 return (
 <div>
 <h1>Dashboard</h1>
 <p>Welcome, {user.email}</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 →