Return

Sign users in and get their info with Xano

Use Xano Auth to sign users in and retrieve the current user in your WeWeb app.

Steps at a glance

1. Configure Xano Auth with your login and me endpoints.
2. Create a simple sign-in form in the Interface.
3. Use the Login action to sign the user in.
4. Show the signed-in user's information in your app.

1) Configure Xano Auth

Before building the sign-in flow, make sure your Xano project has these endpoints:

• login
• me

Then in WeWeb:

1. Add the Xano Auth plugin.
2. Connect it to the right Xano instance and workspace.
3. Select your login and me endpoints.

2) Build a simple sign-in form

In the Interface:

1. Add inputs for the user's login field (for example email) and password.
2. Add a button such as Sign in.
3. Create a workflow on button click.

3) Sign the user in

Inside that workflow:

1. Add Xano Auth → Login.
2. Map the form values to the fields expected by your Xano login endpoint.
3. Test the workflow in preview.

The Login action signs the user in, stores the auth token, and then retrieves the current user.

4) Show the user's information

Once the user is signed in, you can:

• Show user fields in the interface using the current user data
• Protect pages for signed-in users only
• Run Fetch user on page load when you want to refresh the profile from Xano

Typical things to show:

• Name
• Email
• Role or account type

Common pitfalls

The login works but the user data is empty

• Make sure your Xano me endpoint returns the fields you want to display.
• If needed, run Fetch user after sign in or on page load.

The me endpoint fails

• Make sure the user is actually signed in first.
• If you use cookies, check your Xano CORS settings and credentials configuration.

Related guides

Protect a page for signed-in users

Restrict page access and configure redirects for unauthenticated users.

Beginner4 min

How to preview as a different user

Test your app as another user to validate private pages, roles, and data visibility.

Beginner4 min