Guide
Connect third-party services
Plug services like Firebase, Maps and email into your app with your own API keys.
Before you start
- An account with the service you want to connect, and an API key from it
- 1
Know what connectors are for
Some features need an outside service: push notifications, maps, sending email, image hosting, payments, crash reporting. Connectors let you plug those in once, so the AI can build features on top of them. Available today: Firebase, Google Maps, OneSignal, Cloudinary, Resend, RevenueCat and Sentry.
- 2
Open the Connectors panel
It sits in the workspace header. Pick the service you want to connect. The panel tells you which keys it needs.
- 3
Paste your API keys
Get the keys from the service's own dashboard and paste them in. The keys are stored encrypted and are only used by your project.
- 4
Test the connection
Use the test button to confirm the keys work before you build on them. A failing test is almost always a mistyped key or a key without the right permissions.
- 5
Ask for the feature in the chat
Once a connector is active, ask for what you actually want: "send a welcome email when someone registers" or "show the gyms on a map". The AI knows the connector is there and wires it in.
If something goes wrong
The connection test fails
Check the key for typos and make sure it has the permissions the panel asks for. Generate a fresh key in the service dashboard if you are unsure.
You are on a Pro mode project
One-click connectors assume the standard backend. On Pro projects with a different framework, ask the AI to wire the service in by hand instead.