# Connect Xano to an Adalo App

*Skill Level: Expert*

## Before You Begin

* Have a Xano account and workspace setup. Follow [this guide](https://help.adalo.com/~/changes/u7hGXGFGahgZx26fqIxT/integrations/xano/setup-your-xano-workspace) to do so. 
* You must have a Team or Business Adalo plan to use this feature.
* It's highly recommended that you have excellent knowledge of how Adalo's [Database](https://help.adalo.com/~/changes/u7hGXGFGahgZx26fqIxT/database), [Actions](https://help.adalo.com/~/changes/u7hGXGFGahgZx26fqIxT/action-basics), and [Components](https://help.adalo.com/~/changes/u7hGXGFGahgZx26fqIxT/component-basics/design-basics) work before attempting this integration.
* Xano can only be integrated this way for new apps.

## Video

{% embed url="<https://www.youtube.com/watch?v=27z2VQLhLcw>" %}

## Walkthrough

#### 1. In your new Xano workspace, click on the API tab on the left menu.&#x20;

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FESvq0RMQwKkKe9W4S8X9%2FScreen%20Shot%202023-01-25%20at%204.13.01%20PM.png?alt=media&#x26;token=f1cdbfcb-caa7-4049-90f6-bd3f86c998c0" alt=""><figcaption></figcaption></figure>

#### 2. Click on the Default API group to open up its endpoints and settings.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FqLmfH1vQwsUHLi12ZDso%2FScreen%20Shot%202023-01-25%20at%204.14.07%20PM.png?alt=media&#x26;token=d0d296ca-509c-4300-9416-1388ab780af2" alt=""><figcaption></figcaption></figure>

#### 3. In the upper right corner, click to copy the API Base URL

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FOk89w5ZZf7DzhqSx6zEN%2FScreen%20Shot%202023-01-25%20at%204.15.18%20PM.png?alt=media&#x26;token=8dda9280-778c-4c23-a901-86810cf4ec64" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Please make sure that you have set the Authentication as Required for your Auth/me endpoint.
{% endhint %}

#### 4. In Adalo, Create a new native or web app, then click Next.

If this is your first time using Adalo, you will see this as soon as you create your account. If you already have a created app, click on the app switcher in the top-middle of the Adalo Builder and click on Create App. You can create a Responsive Web App, or you can still create a Mobile Legacy App.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FAzM9JS5U9objQ0GfKw6O%2FScreen%20Shot%202023-04-25%20at%207.12.48%20AM.png?alt=media&#x26;token=25154121-7ea3-4382-b68f-9ab76182b735" alt=""><figcaption></figcaption></figure>

#### 5. Click on Advanced Settings in the bottom-left of the pop-up.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2Ft9BsI2b4QGG5iju4QjXc%2FScreen%20Shot%202023-04-25%20at%207.15.14%20AM.png?alt=media&#x26;token=69c32f80-c590-49be-901c-7b3db352d828" alt=""><figcaption></figcaption></figure>

#### 6. Choose the "Use Xano Database and Authentication" option, then click Done.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FakXHlaxn9ssLgcQ2KFy5%2FScreen%20Shot%202023-01-25%20at%204.21.42%20PM.png?alt=media&#x26;token=90484b99-7a84-4dbc-9f0a-415a632e8920" alt=""><figcaption></figcaption></figure>

#### 7. Select Begin in the pop-up that appears, then paste the API Base URL that you copied in Step 3 of this guide and click Run Test

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FS4KA82TBwet0uagkcebO%2FScreen%20Shot%202023-01-25%20at%204.45.02%20PM.png?alt=media&#x26;token=ab677dc6-4e8d-4202-870c-73e573075b25" alt=""><figcaption></figcaption></figure>

#### 8. Adalo will reach out to Xano and pull in your Xano User and Authentication endpoints and tables so that you can signup and login users. Click Next, once the pull is complete.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2F8OZMxduSzh40QUC5foiG%2FScreen%20Shot%202023-01-25%20at%204.47.32%20PM.png?alt=media&#x26;token=2b83110c-969c-49f3-8341-c7daa6daff23" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
These are the Endpoints that Adalo Supports for your User Collection:&#x20;

```
/user -> POST (create) GET (get all)
/user/id -> POST/PATCH/PUT (edit) DELETE, GET (get by id)
```

{% endhint %}

#### 9. Adalo will now reach out to get all the other tables in your Xano database and allow you to choose which ones to import. Check the tables you need to import, then click Finish.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FOgBTVB1jkF9NLEE8Es39%2FScreen%20Shot%202023-01-25%20at%204.49.16%20PM.png?alt=media&#x26;token=9e09ecfa-64a6-4ed1-9fc5-3c8caaecfed1" alt=""><figcaption></figcaption></figure>

#### 10. Click Done on the celebration screen. Then, click on the Database tab in the left menu of the Adalo Builder to see your Xano Collections (Tables) just like you would your Adalo Collections.&#x20;

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FSWOzNO2eusfHWHCt3lWs%2FScreen%20Shot%202023-01-25%20at%204.51.38%20PM.png?alt=media&#x26;token=05a18497-086f-401e-a7ef-29838cef835e" alt=""><figcaption></figcaption></figure>

#### 11. Re-syncing the Users Table with Adalo.

If you add, change, or remove properties in your Users collection, you can re-sync the Users table with Adalo by repeating the process outlined in this guide.

## Learn More

* You cannot delete or remove the User collection in your Adalo app, even if your app does not require a user authentication system.

## Help

As with all integrations, Adalo is only able to provide support for the Adalo side of the integration. For assistance with your Xano account, dashboard, or implementation, please use the Xano [documentation](https://docs.xano.com/), Xano [community](https://community.xano.com/), [Xano University](https://www.youtube.com/nocodebackend), or contact [Xano Support](https://www.xano.com/contact/) directly.

If you need additional help with this article, you can always ask in our[ community forum](https://forum.adalo.com/)! Be sure to paste the link to this article in your post as well! We also have a [Xano Course on the Adalo App Academy](https://appacademy.adalo.com/course/getting-started-with-xano) that you may find helpful!<br>

Do you have a tutorial or help doc request? [Let us know!](https://ideas.adalo.com/tutorial-requests)&#x20;