Hosted Login Examples

Pangea Auth Components for React applications

The following examples demonstrate how to use Pangea's AuthProvider component for integrating the AuthN Hosted Login in React-based apps:

Building a Secure Cloudflare Pages App with Pangea
This tutorial guides you through integrating Pangea's AuthN, Secure Audit Log, and Secure Share services into an application built on Cloudflare Pages.
Add "Login with Passkeys" to your React.js app in < 2 mins
In this blog post, you will create a React application, implement Hosted Login, and enable passkeys as one of the many authentication methods supported by AuthN.
Add "Login with Passkeys" to your Next.js app in < 2 mins (Page Router Mode)
This blog post explains how to set up a Next.js application with Hosted Login functionality, and how to enable the Passkeys authentication option.
Add "Login with Passkeys" to your AWS Amplify app in < 5 mins
This example presents a Next.js application and shows how to quickly add various authentication methods to a login system implemented with Pangea-hosted pages.

Add "Login with Passkeys" to your Django app
This blog post demonstrates how to create a new Django application and integrate login functionality using the Pangea Django package. The package leverages the Hosted Login flow and allows you to easily add supported authentication methods, including passkeys, provided by AuthN.

Was this article helpful?