Skip to main content
Which frontend SDK do you use?
supertokens-web-js / mobile
supertokens-auth-react

1. Frontend Setup

1) Finish the 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.
Which frontend SDK do you use?
supertokens-web-js / mobile
supertokens-auth-react