How to Set Up Graphweaver with Auth0

This guide will walk you through integrating Auth0 authentication into your Graphweaver project. We'll use Graphweaver's built-in Auth0 support and the Auth0 SPA SDK to handle user logins within the AdminUI.

This guide will also use an Sqlite database as an example data provider. Feel free to follow along or replace with your own data source as needed.

Let’s get started.

Prerequisites

• Node.js and npm/pnpm: Make sure you have Node.js 20 or above along with npm and pnpm (8+) installed on your system.
• Auth0 Account: You'll need an Auth0 account. If you don't have one, sign up for free at https://auth0.com/.
• If you would like to use some dummy data then you can use this sqlite database https://github.com/lerocha/chinook-database/blob/master/ChinookDatabase/DataSources/Chinook_Sqlite.sqlite

Steps

Auth0 Configuration

There are a number of settings that need to be configured in Auth0 so that it integrates with Graphweaver.

Before we get started with Graphweaver let’s setup Auth0 with the following settings:

• Application Type: Single Page Application
• Allowed Callback Urls: [http://localhost:9000](<http://localhost:9000/>), [<http://localhost:9000/auth/login>](<http://localhost:9000/auth/login>)
• Allowed Logout Urls: [http://localhost:9000](<http://localhost:9000/>), [<http://localhost:9000/auth/login>](<http://localhost:9000/auth/login>)
• Allowed Web Origins: http://localhost:9000

Initialise a New Graphweaver Project