GPT

Protected Route (app/Routes/Dashboard.tsx)

import { json, redirect } from '@remix-run/node'; import { useLoaderData } from '@remix-run/react'; import { adminAuth } from '~/services/firebase.server'; import { getSession } from '~/services/session.server'; export

Prompt text

Original English text. Replace placeholders with your own details.

import { json, redirect } from '@remix-run/node';
import { useLoaderData } from '@remix-run/react';
import { adminAuth } from '~/services/firebase.server';
import { getSession } from '~/services/session.server';

export async function loader({ request }) {
 const session = await getSession(request.headers.get('Cookie'));
 const userId = session.get('userId');

 if (!userId) {
 return redirect('/auth');
 }

 try {
 const user = await adminAuth.getUser(userId);
 return json({ user });
 } catch (error) {
 return redirect('/auth');
 }
}

export default function Dashboard() {
 const { user } = useLoaderData();

 return (
 <div>
 <h1>Welcome, {user.email}</h1>
 <Form method="post" action="/logout">
 <button type="submit">Logout</button>
 </Form>
 </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 →