Remix Supabase Auth
Bare minimum and un-opinionated example using Remix to implement Supabase's email/password and social auth
Overview:
The product is a minimal and un-opinionated example using Remix to implement Supabase's email/password and OAuth authentication. It allows users to register and sign in using Supabase's email/password, Google, and Facebook authentication. The product also includes logic for changing and resetting passwords, integration with all OAuth providers supported by Supabase, persistence of user data with HTTP cookies, and token refresh logic.
Features:
- Sign in and Register: Users can sign in or register using Supabase's email/password, Google, and Facebook authentication.
- Change and Reset Password: Users can change their password and request a password reset through Supabase's API.
- Integration with OAuth Providers: The product integrates with all OAuth providers supported by Supabase.
- Enable any OAuth Provider: Users can easily enable any OAuth provider by following the instructions provided.
- Persistence with HTTP Cookie: User data is persisted using an HTTP cookie.
- Refresh Token Logic: The product includes logic for refreshing tokens.
Summary:
The product is a minimal and un-opinionated example using Remix to implement Supabase's authentication features. It allows users to register and sign in using Supabase's email/password, Google, and Facebook authentication. The product also includes logic for changing and resetting passwords, integration with various OAuth providers, persistence of user data using an HTTP cookie, and token refresh logic. The installation process involves creating a Supabase project, setting up the necessary credentials, and running the development server.
- 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
- Supabase
Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.
- 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 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.