Skip to main content

1. Frontend Setup

1) Finish the Quick Setup > Frontend guide.#

2) Add apiBasePath in the appInfo object#

The value of apiBasePath should be "/auth". This is because Netlify exposes the serverless functions via /.netlify/functions/* and we further scope the auth related APIs by adding a , resulting in the above full path.

So the init function call should look like:

import SuperTokens from "supertokens-auth-react";
SuperTokens.init({    appInfo: {        appName: "<YOUR_APP_NAME>",        apiDomain: "<YOUR_API_DOMAIN>",        websiteDomain: "<YOUR_WEBSITE_DOMAIN>",        apiBasePath: "/auth",        websiteBasePath: "/auth"    },    recipeList: []});
  • If you are hosting the frontend via Netlify as well, then the apiDomain and the websiteDomain values will be the same.
  • An example of this init call can be seen here.
What type of UI do you want to use?
Custom UI
Pre built UI