Now that you have a full hosted authentication service, your product needs to perform tasks such as checking whether the user is logged in and making HTTP requests to your backend.

Overview

Frontend Integration

propelauth

Quick Start

Example Apps

Full Reference

How To's

Changelog

Blog

PropelAuth

Get started

Contact us

PropelAuth provides end-to-end managed user authentication specializing in B2B use cases.

Dashboard

PropelAuth is an authentication provider designed specifically to get products live quickly.

Hosted Pages

PropelAuth's hosted pages and client libraries greatly reduce the time it takes to integrate

How To Integrate

Organizations are groups of your users that will use your product together.

Organizations

RBAC, short for role based access control, is a method where you assign each user a role. You can then determine what they have access to based on their role.

Roles (RBAC)

Roles (RBAC) and Permissions

When a user visits your frontend application, your frontend can make a request to PropelAuth to determine if the current user is logged in.

How our authentication works

An access token is a string that uniquely identifies a user. It is called an access token because it is used to give your users access to your product.

Access tokens

Protect Backend APIs

Making Authenticated Requests

Once you are done integrating and testing, it's time to go live.

Deploy to Prod

API Key Authentication

PropelAuth supports authentication in applications developed using NextJS version 13. This guide provides a simple way to integrate your Next.js application (either App Router or Pages) with PropelAuth.

NextJS 13 Support

UI Customization

Login methods

User Properties

Organization options

Frontend Authorization

Backend Authorization

Configure Roles and Permissions (RBAC)

SAML / Enterprise SSO

SAML

User impersonation allows you to sign in as one of your users, to help them troubleshoot issues or see what they see.

User Impersonation

Redirecting Users

Maximum Number of Users Per Org

Testing Your Backend

Webhooks allow you to reliably receive an HTTP request when a specific action occurs, like a user signing up, joining an organization, or having their role change.

Setting Up Webhooks

Users always have an email address and id. You can enable additional fields like name, username, or profile picture in your dashboard.

Custom User Schema

User schema

PropelAuth's account pages also include 2FA enrollment for your end users.

When you are in the early stages of your business, you might want to onboard customers manually instead of having open signups.

Disable public signups

When a new user signs up, you likely want to be notified quickly. Typically, this might just be a message in Slack notifying you that a user has signed up.

Slack notifications

If you switch your auth provider, there are a few major considerations to take into account.

Migrate users from an existing auth source

A list of user-facing changes made to the PropelAuth product

This section is a full reference for every API/library available in PropelAuth.

Javascript

Javascript Library Reference

React

This reference will cover how to use the @propelauth/react library with Next.js.

Next.js

Next.js Frontend Reference

Backend API Reference

Actix

Actix Library Reference

Axum

Axum Library Reference

Cloudflare Workers

Cloudflare Workers Library Reference

Django Rest Framework

Django Rest Framework Library Reference

Express

Express Library Reference

FastAPI

FastAPI Library Reference

Flask

Flask Library Reference

Go Library Reference

Next.js API Routes Reference

Node

Node Library Reference

Python

Python Library Reference

Rust

Rust Library Reference

Social login (SSO) allows your users to login using their existing accounts (e.g. Google, Facebook, Twitter). It makes signing up simpler for your users, as they don't have to remember a password.

Guides

Configuration

Organizations (B2B)

Frontend Integration

React

Next.js

Javascript

Webflow