Which UI do you use?

Custom UI

Pre built UI

Tabs

Apple

Apple 2

function HelloCodeTitle(props) {
  let a = 1;
  return <h1>Hello, {props.name}</h1>;
}

Orange 2

This is an orange 🍊

Banana 2

This is a banana 🍌

Orange

This is an orange 🍊

Banana

This is a banana 🍌

Synced with:

Apple 2

/src/components/HelloCodeTitle.ts

function HelloCodeTitle(props) {
  let a = 1;
  return <h1>Hello, {props.name}</h1>;
}

Orange 2

This is an orange 🍊

Banana 2

This is a banana 🍌

NodeJS

Important

For other backend frameworks, you can follow our guide on how to spin up a separate server configured with the SuperTokens backend SDK to authenticate requests and issue session tokens.

GoLang

Express

function someNodeJSCodeForExpress() {
  let a = 1;
  callFunc(a);
}

Hapi

function someNodeJSCodeForHapi() {
  let a = 1;
  callFunc(a);
}

NodeJS

Important

For other backend frameworks, you can follow our guide on how to spin up a separate server configured with the SuperTokens backend SDK to authenticate requests and issue session tokens.

GoLang

Express

function someNodeJSCodeForExpress2() {
  let a = 1;
  callFunc(a);
}

Hapi

function someNodeJSCodeForHapi2() {
  let a = 1;
  callFunc(a);
}

ReactJS

Note

To use SuperTokens with React Native you need to use the supertokens-react-native SDK. The SDK provides session management features.

To add login functionality, you need to build your own UI and call the APIs exposed by the backend SDKs. You can find the API spec here

Angular

What type of UI are you using?

Prebuilt UICustom UI

Vue

What type of UI are you using?

Prebuilt UICustom UI

Plain JavaScript

1. This is an ordered list before the code snippet
2. This is some text before the code snippet

function someReactCode() {
  let a = 1;
  callFunc(a);
}

React Native

• This is a list before the code snippet
• second item in the list before teh code snippet

This is some text

• Another list after the text
  • some nested content
  • nested content second item
• second item

function someVanillaJSCode() {
  let a = 1;
  callFunc(a);
}