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 AddressZen too.

What you'll add​

International address autocomplete on any address form in your Anything app, powered by the Address Lookup widget.

1. Get an API key​

  • Quick test: paste ak_test as your key. Capped at 5 lookups/day. Will break in production.
  • Real key: sign up at addresszen.com/signup for a free trial balance.

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 ADDRESSZEN_API_KEY (use this exact name — the prompt below references it).
  4. Paste your ak_… key and save.

The Address Lookup 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 international address autocomplete to the address form using
@addresszen/address-lookup.

- Install the npm package.
- Mount AddressLookup.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/azen-config/route.ts that reads the
  ADDRESSZEN_API_KEY Saved Secret and returns it to the frontend on
  mount. Do not hardcode the key.
- If the AddressZen API returns a 4xx error, surface the response body's
  error.message to the user — do not swallow it.
- Reference docs: https://docs.addresszen.com/docs/address-lookup.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?​