Skip to main content

If you are using our backend SDK that is lesser than the following versions, please visit the older documentation link here.

Which UI do you use?
Custom UI
Pre built UI

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";

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.
Looking for older versions of the documentation?
Which UI do you use?
Custom UI
Pre built UI