JavaScript hosted login sample

This sample showcases how to seamlessly add authentication and user management to your JavaScript app using Frontegg’s hosted login method.

This app showcases

• Redirect users to Frontegg’s hosted login
• Enable a fully integrated self-service portal
• Manage and track user authentication state
• Access and display user profile details
• Handle account state and data with ease
• Implement seamless account switching functionality

Project structure

• src/app.js - Main application file with Frontegg initialization
• src/components/ - UI components for displaying user and tenant information
• src/styles/globals.css - Global styling for the application
• public/index.html - HTML template

What you’ll need

• Node.js
• npm (comes with Node.js)

You’ll also need a Frontegg account. Sign up for free to get started.

Don’t have an account yet? No worries. This project includes sandbox credentials so you can test it right away!

Get started in 3 simple steps

If you don’t have a Frontegg account or prefer to use the sandbox credentials, feel free to skip to step 2.

If you're using your own credentials, follow the guidelines below.

1. Configure your Frontegg application (if using your own account) -

1. Go to Frontegg Portal
2. Get your application ID from [ENVIRONMENT] → Applications
3. Get your Frontegg domain from the Frontegg Portal → [ENVIRONMENT] → Keys & domains
4. This sample runs on http://localhost:3000. You may need to add http://localhost:3000 under → [ENVIRONMENT] → Keys & domains → Allowed origins
5. This sample runs on http://localhost:3000. If your application uses a different port, make sure to add http://localhost:3000 under → [ENVIRONMENT] → Authentication → Login method → Redirect URLs
6. Update your own application's credentials under contextOptions

2. Clone the repository -

Run the following command:

git clone <repo>

3. Install dependencies -

Run the following command:

npm install

4. Run the application -

To start the application, run:

npm start

The app will be available at http://localhost:3000.

Experience Frontegg in action!