More than authentication, rapidly integrate a complete user management into your websites and apps.
Managing users and authentication flows securely is a big challenge, we have built it for you, so you can spend your time focusing on building your business logic.
Any framework, simplified.
Want to add authentication to your single page application? Whether you use React, Vue or plain javascript, we got you covered.
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
import { CrossidAuthProvider as AuthProvider } from "@crossid/crossid-react";
import ProtectedRoute from "";
import AuthButton from "";
const redirectTo = window.location.origin +"/"
const App = () => {
return (
<AuthProvider
tenant_id="acme"
client_id="niqBcdJl9dFjaftlJ0WmI7zHKpi5hyzx"
redirect_uri={redirectTo}
post_logout_redirect_uri={redirectTo}
audience="acme.io"
scope="openid profile email"
cache_type="session_storage"
>
<Router>
<div>
<ul>
<li>
<Link to="/public">Public Page</Link>
</li>
<li>
<Link to="/protected">Protected Page</Link>
</li>
</ul>
<AuthButton />
<Switch>
<Route path="/public">
<h3>Public</h3>
</Route>
<Route path="/protected">
<ProtectedRoute path="/protected">
{() => <h3>Protected</h3>}
</ProtectedRoute>
</Route>
</Switch>
</div>
</Router>
</AuthProvider>
);
};
export default App;