Ask AI
All Categories
Data Sources
Xano

Xano

Connect to your Xano instance to interact with your data in your Softr apps.

Xano is a powerful backend-as-a-service platform that enables you to build and manage databases, APIs, and business logic without writing code. By integrating Xano with Softr, you can seamlessly use your Xano data in your Softr applications.

This integration allows you to:

  • Store and retrieve structured data dynamically
  • Use API-driven workflows in your Softr apps
  • Securely manage and scale your backend
⚠️
Data Connector is a Xano add-on that you will need in order to connect Xano to your Softr apps. Learn more

1. Connect Xano to Softr

To use Xano in Softr, you need to connect your Xano instance as a data source. Note that one connected, all workspaces inside an instance will be available inside your Softr apps.

Step 1: Open the database connector in Xano

  1. Log in to Xano and go to the server instance you want to connect.
  1. Click the gear icon next to the server instance.
      2. Click on the gear icon next to the server instance you want to connect to.
      Click on the gear icon next to the server instance you want to connect to.
  1. In the menu on the right, select Database Connector.
      2. Select the Database Connector option
      Select the Database Connector option

Step 2: Generate your instance’s public IP and credentials

In order for Softr to be able to access your instance, you’ll need to create a publicly accessible IP address and get some credentials so that only those with the credentials can access it.

  1. Click the GET buttons to generate:
      • A public IP address (required for Softr to access Xano)
      • Access credentials (used to authenticate Softr)
      Click the GET buttons to generate a public IP and server credentials.
      Click the GET buttons to generate a public IP and server credentials.
  1. Copy and securely store your credentials. By default, they are hidden for security reasons. Click Show credentials, then copy and save them in a secure location.
      2. Click on Show credentials to reveal them
      Click on Show credentials to reveal them

Step 3: Allow Softr’s IP addresses in Xano

  1. Go to the Settings tab in the Database Connector.
  1. Click + Add and enter the following Softr IP addresses:
      • 3.120.79.212
      • 3.123.159.186
      • 52.58.246.121
  1. Click Save.
      2. Click on the settings tab, add Softr’s IP addresses, then click Save.
      Click on the settings tab, add Softr’s IP addresses, then click Save.

Step 4: Connect Xano in Softr

  1. Log in to Softr and go to Data Sources in the left-hand menu.
  1. Click Connect Data Source in the upper-right corner.
  1. Select Xano from the list of data sources.
Click on Connect Datasource
Click on Connect Datasource

Step 5: Enter your Xano credentials in Softr

Note that you have Full Access credentials as well as Read-Only credentials, so make sure to use the correct ones for your use case. We always recommend using the Full Access credentials so you don’t have to re-authenticate later if you expand your Softr apps’ capabilities.

  1. Copy and paste your Xano credentials into the appropriate fields in Softr:
      • User
      • Pass
      • Host
      • Database
  1. Set the Port to 5432 (default for Xano).
  1. Enter a custom name for your connection (optional).
      2. Fill in the fields with the parts of your server credentials.
      Fill in the fields with the parts of your server credentials.
      ❗
      If you copy your credentials and they paste in as xxxxxxxxxxx then you need to unhide them before copying, as explained in Step 3.

Step 6: Click "Connect" to complete setup

Once all fields are correctly filled in, click Connect to finalize the connection.

Click Connect once you’ve pasted in your credentials.
Click Connect once you’ve pasted in your credentials.

2. Connect your Xano data to your Softr app

Once your Xano account is connected, you can use it in any Softr application.

Step 1: Connect your data to a dynamic block

To display your data in the app, connect a dynamic block (e.g. List, Grid, Table) to your Xano table:

  1. Go to the Block source tab and select your Xano integration.
  1. Select the workspace you want to connect.
  1. Pick the table you want to use or add a new query
  1. Optionally, select the primary field.
      2. Connect Xano table to dynamic block
      Connect Xano table to dynamic block

Step 2: Map Xano fields to item fields

When you connect your table to a block, you can choose which Xano properties to display and map to Softr fields. This lets you control how your data appears in Softr.

Example: If you have an email field in Xano, select an email field in Softr.

Map Xano fields to item fields
Map Xano fields to item fields
Did this answer your question?
😞
😐
🤩

Last updated on March 7, 2025

SmartSuite Supabase