1"use strict";(globalThis.webpackChunk_atlas_docs_zen=globalThis.webpackChunk_atlas_docs_zen||[]).push([[6433],{4056(e,s,n){n.d(s,{R:()=>o,x:()=>i});var t=n(2155);const r={},a=t.createContext(r);function o(e){const s=t.useContext(a);return t.useMemo(function(){return"function"==typeof e?e(s):{...s,...e}},[s,e])}function i(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),t.createElement(a.Provider,{value:s},e.children)}},6137(e,s,n){n.r(s),n.d(s,{assets:()=>d,contentTitle:()=>i,default:()=>h,frontMatter:()=>o,metadata:()=>t,toc:()=>l});const t=JSON.parse('{"id":"integrations/base44","title":"base44","description":"Add the AddressZen Address Lookup to a base44 app.","source":"@site/docs/integrations/base44.mdx","sourceDirName":"integrations","slug":"/integrations/base44","permalink":"/docs/integrations/base44","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"title":"base44","sidebar_label":"base44","description":"Add the AddressZen Address Lookup to a base44 app."},"sidebar":"integrations","previous":{"title":"Replit","permalink":"/docs/integrations/replit"},"next":{"title":"Leap.new","permalink":"/docs/integrations/leap-new"}}');var r=n(5723),a=n(4056);const o={title:"base44",sidebar_label:"base44",description:"Add the AddressZen Address Lookup to a base44 app."},i="base44",d={},l=[{value:"What you'll add",id:"what-youll-add",level:2},{value:"1. Get an API key",id:"1-get-an-api-key",level:2},{value:"2. Starter prompt",id:"2-starter-prompt",level:2},{value:"3. Lock down your API Key",id:"3-lock-down-your-api-key",level:2},{value:"Need help?",id:"need-help",level:2}];function c(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...(0,a.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("img",{className:"page-icon",src:"/img/icons/integrations/base44.svg",alt:"",width:"64",height:"64"}),"\n",(0,r.jsx)(s.header,{children:(0,r.jsx)(s.h1,{id:"base44",children:"base44"})}),"\n",(0,r.jsxs)(s.p,{children:["base44 builds web apps from a chat prompt. You'll add the AddressZen Address Lookup with our ",(0,r.jsx)(s.a,{href:"/docs/address-lookup/react",children:"React component"}),"."]}),"\n",(0,r.jsx)(s.h2,{id:"what-youll-add",children:"What you'll add"}),"\n",(0,r.jsxs)(s.p,{children:["The ",(0,r.jsx)(s.a,{href:"/docs/address-lookup",children:"AddressZen Address Lookup"})," on any address form, via its ",(0,r.jsx)(s.a,{href:"/docs/address-lookup/react",children:"React component"}),"."]}),"\n",(0,r.jsx)(s.h2,{id:"1-get-an-api-key",children:"1. Get an API key"}),"\n",(0,r.jsxs)(s.ul,{children:["\n",(0,r.jsxs)(s.li,{children:["Quick test: paste ",(0,r.jsx)(s.code,{children:"ak_test"})," as your key. Capped at 5 lookups/day. Will break in production."]}),"\n",(0,r.jsxs)(s.li,{children:["Real key: ",(0,r.jsx)(s.a,{href:"https://account.addresszen.com/users/sign_up",children:"sign up"})," for a free trial balance."]}),"\n"]}),"\n",(0,r.jsx)(s.h2,{id:"2-starter-prompt",children:"2. Starter prompt"}),"\n",(0,r.jsxs)(s.p,{children:["Paste this into the base44 chat with your ",(0,r.jsx)(s.code,{children:"ak_\u2026"})," key dropped in. It points the agent at a ",(0,r.jsx)(s.a,{href:"/docs/integrations/base44-prompt",children:"reference page"})," carrying the React-specific integration rules \u2014 including where the key should live for your plan \u2014 so the prompt itself stays short and the agent handles the rest:"]}),"\n",(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-text",children:"Find every address form in this app and list them, then ask me to\nconfirm which ones should get the AddressZen Address Lookup. Add it\nto the forms I confirm using the AddressZen React component\n(@addresszen/react).\n\nThis is a React app. Fetch and follow the integration rules at:\nhttps://docs.addresszen.com/docs/integrations/base44-prompt.md\n\nMy API key is ak_xxxxxxxx \u2014 place it wherever those rules say it belongs for\nthis app (it's a publishable browser key). After deploying, print the app's\norigin in chat so I can add it to the key's Allowed URLs.\n"})}),"\n",(0,r.jsxs)(s.p,{children:["The full rule set lives at ",(0,r.jsx)(s.a,{href:"/docs/integrations/base44-prompt",children:"base44 integration rules"})," if you want to read it yourself."]}
1),"\n",(0,r.jsx)(s.h2,{id:"3-lock-down-your-api-key",children:"3. Lock down your API Key"}),"\n",(0,r.jsxs)(s.ol,{children:["\n",(0,r.jsxs)(s.li,{children:["When you're ready to go live, apply the appropriate ",(0,r.jsx)(s.a,{href:"/docs/guides/api-key-secure#allow-urls",children:"Allow URLs"})," setting to your key."]}),"\n",(0,r.jsxs)(s.li,{children:["Add the origins your app runs on, e.g. ",(0,r.jsx)(s.code,{children:"*.base44.app"})," (preview) and ",(0,r.jsx)(s.code,{children:"*.yourdomain.com"})," (production)."]}),"\n"]}),"\n",(0,r.jsx)(s.h2,{id:"need-help",children:"Need help?"}),"\n",(0,r.jsxs)(s.ul,{children:["\n",(0,r.jsxs)(s.li,{children:["File an issue: ",(0,r.jsx)(s.a,{href:"https://github.com/addresszen/feedback/issues",children:"github.com/addresszen/feedback"})]}),"\n",(0,r.jsxs)(s.li,{children:["Email: ",(0,r.jsx)(s.a,{href:"mailto:[email protected]",children:"[email protected]"})]}),"\n"]})]})}function h(e={}){const{wrapper:s}={...(0,a.R)(),...e.components};return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(c,{...e})}):c(e)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.