GPT

Route Implementation Examples

import { json, redirect } from '@remix-run/node'; import { useActionData, Form } from '@remix-run/react'; import { account } from '~/lib/appwrite.server'; import { createUserSession } from '~/utils/auth.server'; export

Prompt text

Original English text. Replace placeholders with your own details.

import { json, redirect } from '@remix-run/node';
import { useActionData, Form } from '@remix-run/react';
import { account } from '~/lib/appwrite.server';
import { createUserSession } from '~/utils/auth.server';

export async function action({ request }) {
 const formData = await request.formData();
 const email = formData.get('email');
 const password = formData.get('password');

 try {
 const session = await account.createEmailSession(email, password);
 const user = await account.get();
 return createUserSession(user, '/dashboard');
 } catch (error) {
 return json({ error: 'Invalid credentials' }, { status: 400 });
 }
}

export default function Login() {
 const actionData = useActionData();

 return (
 <div>
 <Form method="post">
 <div>
 <label>Email</label>
 <input type="email" name="email" required />
 </div>
 <div>
 <label>Password</label>
 <input type="password" name="password" required />
 </div>
 {actionData?.error && <div>{actionData.error}</div>}
 <button type="submit">Login</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 →