Skip to main content

Anything

Anything (also branded "Create Anything") builds React + Tailwind apps from chat, with a TypeScript serverless backend, a Neon Postgres database, and a per-project Saved Secrets store. The Anything docs are explicit: "Always use Saved Secrets for API keys. Never paste them directly into chat." Follow that rule for Ideal Postcodes too.

What you'll add​

UK and international address autocomplete on any address form in your Anything app, powered by the Address Finder widget. For UK-only postcode → address dropdowns, use Postcode Lookup instead.

1. Get an API key​

2. Store the key in Anything​

In your Anything project:

  1. Open Project Settings → Saved Secrets.
  2. Click Add a new secret.
  3. Name it IDEAL_POSTCODES_API_KEY (use this exact name — the prompt below references it).
  4. Paste your ak_… key and save.

The Address Finder widget runs in the browser, so the key needs to reach client code. The cleanest pattern on Anything is a thin backend function that reads the secret and returns it — the prompt below tells the agent to set that up.

3. Starter prompt​

Paste this into the Anything chat:

Add UK and international address autocomplete to the address form using
@ideal-postcodes/address-finder.

- Install the npm package.
- Mount AddressFinder.setup() on the address line 1 input. Populate the
  other address fields (line_2, post_town, postcode) from the callback.
- Add a backend function at web/api/idpc-config/route.ts that reads the
  IDEAL_POSTCODES_API_KEY Saved Secret and returns it to the frontend on
  mount. Do not hardcode the key.
- If the Ideal Postcodes API returns a 4xx error, surface the response
  body's error.message to the user — do not swallow it.
- Reference docs: https://docs.ideal-postcodes.co.uk/docs/address-finder.md
- Reference for callback wiring: https://docs.ideal-postcodes.co.uk/docs/address-finder/configure.md

4. Lock down the key​

Once your app is running on *.created.app (or a custom domain), add both to your key's Allowed URLs. The widget runs client-side, so the key is visible to anyone viewing your site — Allowed URLs is what stops it being reused from other origins.

Common values to add:

  • your-app.created.app — Anything's default published subdomain
  • Your custom domain, if attached (Pro/Max plan)
  • localhost — while you're previewing inside the Anything builder

Need help?​