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