Leap.new

Leap.new builds web apps from a chat prompt and saves them to a GitHub repository you can keep working on. You'll add the Ideal Postcodes Address Finder with our React component.

What you'll add

The Ideal Postcodes Address Finder on any address form, via its React component.

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 ideal-postcodes.co.uk/signup for a free trial balance.

2. Starter prompt

Paste this into the Leap.new chat. It points the agent at a reference page carrying the Encore.ts + React integration rules, so the prompt itself stays short and the agent handles the rest:

Find every address form in this app and list them, then ask me to
confirm which ones should get the Ideal Postcodes Address Finder.
Add it to the forms I confirm using @ideal-postcodes/react.

This is an Encore.ts app with a React frontend. Fetch and follow the
integration rules at:
https://docs.ideal-postcodes.co.uk/docs/integrations/leap-new-prompt.md

Read the key from the IDEAL_POSTCODES_API_KEY secret via a tiny Encore
endpoint that returns it to the frontend. Do not hardcode it.

The full rule set lives at Leap.new integration rules if you want to read it yourself. When the agent wires this up it will prompt you for IDEAL_POSTCODES_API_KEY in chat — paste your ak_… value when asked.

3. Lock down the key

1. When you're ready to go live, apply the appropriate Allow URLs setting to your key.
2. Add the origins your app runs on, e.g. localhost (development), your Encore Cloud URLs, and *.yourdomain.com (production).

Need help?

• File an issue: github.com/ideal-postcodes/feedback
• Email: support@ideal-postcodes.co.uk