Authentication

[RNR1]

Admin Authentication

Problem

As a PHLask admin, I'd like to have a sign in page to the admin dashboard so that I can access the dashboard securely.

Solution

• Made changes to how we access the database so that it can be accessible in the server (via react router loader and action functions)
• Added a sign in route with an authentication form (/auth).
  • The form contains both client-side and server-side validation using Remix Forms - a thin layer behind Zod, React Hook Form, React Router, and Typescript
  • We use Supabase Authentication to authenticate the user. You can create a user in the Supabase Authentication Panel
  • After a successful authentication, the user is redirected to the dashboard route
  • Sessions are persisted via Cookies
• Created a logout route to clear the user session and redirect back to the login screen
• Update the environment variable names to match Supabase best practices
• Updated README and cleared unused files

Reference

Issue link TBA

Screenshots

Checklist

• Changes have been tested locally
• Changes have been self-reviewed

[RNR1]

The only change here is injecting the client here, so that we can use it on the server