Remix Auth

screenshot of Remix Auth
react
remix
prisma

A fully featured auth system built on Remix

Overview:

Remix Auth is a fully featured authentication system built on the Remix framework. It serves as a foundational starting point for Remix projects that require authentication functionality. With a combination of session-based login, session management, two-factor authentication, email verification, and password reset features, Remix Auth provides a comprehensive solution for user authentication.

Features:

  • Session based login: Remix Auth utilizes a combination of short-lived access tokens (JWTs) and long-lived sessions stored in a database. This enables the implementation of advanced features not commonly found in simpler token-based authentication systems.
  • Session management: Users have the ability to view all their currently logged in devices and easily revoke access to unrecognized devices with a single click. When a short-lived access token expires, the user is automatically redirected to the login page.
  • Two-factor authentication: Users can enable multi-factor authentication (MFA) by scanning a QR code with an authenticator app, such as Google Authenticator. When logging in or updating their password, users with MFA enabled will be prompted for a time-based, one-time password (TOTP) generated by the authenticator app.
  • Email verification: After signing up, users receive an email (currently logged to the console for simplicity) containing a link to verify their email address. This ensures that only valid email addresses are associated with user accounts.
  • Forgot password: Users can request a password reset link via email. The link, which is valid for 24 hours (configurable), allows users to securely reset their password and regain access to their account.

Summary:

Remix Auth is a powerful authentication system built on the Remix framework. It offers a range of features, including session-based login, session management, two-factor authentication, email verification, and password reset functionality. By utilizing Remix Auth as a starting point, developers can easily implement secure and user-friendly authentication in their Remix projects.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

remix
Remix

Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.

prisma
Prisma

Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.