GPT

Route Protection Implementation

// routes/protected.tsx import { getAuth } from '@clerk/remix/ssr.server' import { redirect } from '@remix-run/node' import type { LoaderFunction } from '@remix-run/node' export const loader: LoaderFunction = async args

Prompt text

Original English text. Replace placeholders with your own details.

// routes/protected.tsx
import { getAuth } from '@clerk/remix/ssr.server'
import { redirect } from '@remix-run/node'
import type { LoaderFunction } from '@remix-run/node'

export const loader: LoaderFunction = async args => {
 const { userId } = await getAuth(args)
 
 if (!userId) {
 return redirect('/sign-in')
 }

 return json({ userId })
}

export default function Protected() {
 const { userId } = useLoaderData<typeof loader>()

 return (
 <div>
 <h1>Protected Route</h1>
 <p>User ID: {userId}</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 →