APIs (connecting to outside services)

Open APIs in the sidebar, under the app's name, to connect your app to an outside service, such as a weather feed or your own data service. The page header says APIs; each link you add is a connection. Connections belong to the app you have open, so open that app first.

How it works, and this is the important bit:

1. Click Add Connection. Give it a name, the service's web address, and how it authenticates: Bearer token, Custom header, Query parameter, OAuth 2.0 (client credentials) or No authentication (public API). Put the service's key in the API key field. For Custom header or Query parameter, also fill in Header name or Parameter name with the name the service expects for its key; for well-known services the form suggests it when you enter the web address (for OpenWeatherMap, Query parameter with the name appid). Then Save Connection.
2. Use Test Connection to confirm your details are right.
3. While you build, the Preview uses stand-in (mock) data; it cannot make real outside calls (the Preview badge shows APIs active on publish).
4. When you publish, the connection goes live and your app pulls real data on the published site.

So the pattern is: build with mock data, set up the connection, publish, and it works for real. Real connections are not held back for a higher plan, they work as soon as you publish.

Connections allowed per Studio plan: Free 1, Member 3, V-Plus 10, V-Pro unlimited.