@raystack/frontier NPM | npm.io

0.36.1 • Published 8 months ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

8 months ago

@raystack/frontier

Frontier JS SDK allows you to implement authentication in your React application quickly using Magic links and social sign-in. It also allows you to access the SignIn, SignUp, user profile, Workspace creation, Workspace Profile etc. components.

Here is a quick guide on getting started with @raystack/frontier package.

Step 1 - Create Instance

Get Frontier URL by instantiating Frontier instance .

Step 2 - Install package

Install @raystack/frontier library

npm i --save @raystack/frontier
OR
yarn add @raystack/frontier

Step 3 - Configure Provider and use Frontier Components

Frontier comes with react context which serves as Provider component for the application

import {
  FrontierProvider,
  Frontier,
  useFrontier
} from '@raystack/frontier/react';

const App = () => {
  return (
    <FrontierProvider
      config={{
        endpoint: 'http://localhost:3000',
        redirectLogin: window.location.origin,
        redirectSignup: window.location.origin,
        redirectMagicLinkVerify: window.location.origin
      }}
    >
      <SignIn />
    </FrontierProvider>
  );
};

const Profile = () => {
  const { user } = useFrontier();
  if (user) {
    return <div>{user.email}</div>;
  }
  return null;
};

@hookform/resolvers @tanstack/react-router axios class-variance-authority dayjs lodash query-string react-hook-form react-image-crop react-loading-skeleton slugify sonner uuid yup

@everything-registry/sub-chunk-760

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

8 months ago

9 months ago

8 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

12 months ago

1 year ago

1 year ago

10 months ago

11 months ago

12 months ago

10 months ago

12 months ago

12 months ago

1 year ago

1 year ago

11 months ago

11 months ago

12 months ago

12 months ago

1 year ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago