diff --git a/frontend/src/lib/components/AppConnect.svelte b/frontend/src/lib/components/AppConnect.svelte
index feec43fe5e..0c0cf67f36 100644
--- a/frontend/src/lib/components/AppConnect.svelte
+++ b/frontend/src/lib/components/AppConnect.svelte
@@ -30,6 +30,10 @@
 				'Create an API key',
 				'Copy your key'
 			]
+		},
+		supabase: {
+			img: '/supabase_connect.png',
+			instructions: ['Go to the API Settings of your app to find the project URL and key']
 		}
 	}
 </script>
@@ -126,6 +130,7 @@
 		const availableRts = await ResourceService.listResourceTypeNames({
 			workspace: $workspaceStore!
 		})
+
 		connectsManual = availableRts
 			.filter((x) => !Object.keys(connects ?? {}).includes(x))
 			.map((x) => [
diff --git a/frontend/static/supabase_connect.png b/frontend/static/supabase_connect.png
new file mode 100644
index 0000000000..088228f545
Binary files /dev/null and b/frontend/static/supabase_connect.png differ