Supabase (beta)
Connect Supabase to your Softr apps to interact with your data.
Connecting Supabase to Softr
1. Select the project you want to connect to Softr from your Supabase dashboard
![Click on the project you want to connect to Softr](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2F38af3818-bcd9-442e-a5c9-eab0c291db53%2FScreenshot_2024-05-30_at_4.26.46_PM.png?table=block&id=b125b789-1108-4a07-befd-cef688edf724&cache=v2)
2. Select Project Settings at the bottom of the side menu
![Click on Project settings in the bottom left menu](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2F71db40ff-3bcf-4825-a7cc-1620e14387fd%2FScreenshot_2024-05-30_at_4.29.44_PM.png?table=block&id=a1feede7-8db2-4817-87b6-bd23585e76e1&cache=v2)
3. Click on Database in the left-hand menu to bring up the settings for your database
![Click on the Database tab under Configuration](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2F6304fb5d-4f0a-4bb2-938b-49970a33dbb3%2FScreenshot_2024-05-30_at_4.31.05_PM.png?table=block&id=91ef9acb-53fe-4ec3-a8b5-1d8d333dd319&cache=v2)
4. Find the Configuration Parameters section and copy the credentials to a safe location or write them down
Copy down the follow values and save them to a safe location:
- Host
- Database
- Port
- User
- Password
![Find the Connection parameters section and copy down the credentials](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2F02d83925-c408-4e13-b19d-c47d22e358c9%2FScreenshot_2024-05-30_at_4.33.19_PM.png?table=block&id=5ece753f-7ee4-4803-b243-c0470ad90601&cache=v2)
5. Login to Softr and select Data sources on the left-hand menu
![Select Data sources](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2Ff7f9fc46-92be-4c01-a398-fdc57d77dd7b%2FScreenshot_2024-05-30_at_9.15.38_AM.png?table=block&id=3d7c7930-03c1-4bda-9d9c-3e36647bf5dc&cache=v2)
6. Click on Connect Data Source in the upper-right corner
![Click on Connect Datasource](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2F427359d9-2f8b-4af3-b8b7-39d1efb8e4dd%2FScreenshot_2024-05-30_at_9.17.06_AM.png?table=block&id=dfa4f4fe-efe0-4f7d-8e2f-7ad716d8e6b7&cache=v2)
7. Click on Supabase, then click Continue
![Select Supabase from the list, then click Continue](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2F16420b45-c27e-4af9-967a-3faf152d464e%2FScreenshot_2024-05-30_at_4.50.38_PM.png?table=block&id=bb26c154-24e7-40e6-b21e-7e1673aa821e&cache=v2)
8. Copy the parts of your credentials into the appropriate blanks.
These can be put into the corresponding blanks in the Softr setup. The Name field can be anything you like and the Port defaults to 5432 for Supabase. The rest of the fields can be filled in with the corresponding info from Supabase. When finished, click Connect.
![Fill in the fields with the info from Supabase, then click Connect in the lower Right](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2Fcbc16110-8fdd-4b67-befa-f7cee6534c88%2FScreenshot_2024-06-03_at_3.43.16_PM.png?table=block&id=b3144d87-fb4d-4985-861c-f36d5dd5a22c&cache=v2)
You should end up with something like this:
![Example connection information](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2F7d39fdfb-0e50-49e4-9f29-73f295cc39c5%2FScreenshot_2024-06-03_at_3.46.39_PM.png?table=block&id=8608d81b-116a-41d6-81bb-007e6a5ae962&cache=v2)
Re-authenticating, removing, and renaming your Supabase data source.
As with all data sources in Softr, you can always rename, remove, or edit your data source’s connection by clicking the ellipses (three dots) on the data source itself:
![Notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F484adde5-19ba-4c92-b797-4cbdd4ad462b%2Fb57bf407-a989-41d8-9e59-cccfe3b657db%2FScreenshot_2024-06-03_at_3.51.07_PM.png?table=block&id=64b3212d-8f30-43e7-ba95-57bd79cbb254&cache=v2)
Restricting IP access
If you need to restrict IP addresses inside of Supabase, you can add Softr’s IP addresses to your list of allowed IPs:
3.120.79.212
3.123.159.186
52.58.246.121
Last updated on June 4, 2024