Marcus Chen
JavaScript and front-end address forms for sthan.io
Marcus writes the JavaScript track: address autocomplete in vanilla JavaScript, Vue 3, React, Angular and Next.js, plus verification and parsing on a Node.js / Express server.
Each article keeps the API key on a small server route that the page calls, and the autocomplete articles show how to wait for a pause in typing before sending a request.
- 9 articles
- 90 minutes of reading
- Node.js 18+
- Latest: Oct 21, 2026
What Marcus covers
Pick the job and the framework. Every filled cell is one article.
| Job | Vanilla JS | Vue / React / Angular | Next.js | Node.js / Express |
|---|---|---|---|---|
| Suggest addresses as people type | Autocomplete in vanilla JavaScript debounced input and a clickable dropdown | Autocomplete in Vue 3 Autocomplete in React, Vue and Angular Composition API component; TypeScript guide for all three | Autocomplete in Next.js App Router Route Handler and a client component | Autocomplete in Node.js / Express proxy route and a fetch wrapper |
| Check an address is deliverable | No article yet | No article yet | No article yet | Verify US addresses in Node.js Express route that accepts, warns or blocks |
| Split an address into fields | No article yet | No article yet | No article yet | Parse US addresses in Node.js fetch-based client and an Express route |
Where to start
A reading order for someone adding address checks to a web form.
-
Start here: the smallest working version, which runs on any page.
-
Then your frameworkVue 3, the React, Vue and Angular guide, or Next.js (App Router).
-
Check the address on the server when the form is submitted.
-
Split addresses into fields before you store them.
Questions these articles answer
Each question links to the answer inside the article.
Getting started
- How do I add address autocomplete in vanilla JavaScript? Autocomplete in vanilla JS
- How do I add address autocomplete in Vue 3? Autocomplete in Vue 3
- How do I add address autocomplete in Next.js? Autocomplete in Next.js
- How do I add address autocomplete in Node.js / Express? Autocomplete in Node.js
- Can I use this in a form library like React Hook Form or Formik? React, Vue and Angular guide
Keys and security
- Should I call the sthan.io API directly from my frontend or use a backend proxy? React, Vue and Angular guide
- Why shouldn't I use NEXT_PUBLIC_ for the address API key? Autocomplete in Next.js
- How do I authenticate the address autocomplete API in Node.js? Autocomplete in Node.js
How autocomplete behaves
- How do I avoid sending a request on every keystroke? Autocomplete in vanilla JS
- What is the response time for autocomplete requests? Autocomplete in Node.js
- What does the address autocomplete API return? Autocomplete in Node.js
- How do I handle autocomplete for addresses not found in the database? React, Vue and Angular guide
- Does sthan.io autocomplete work internationally or just for US addresses? React, Vue and Angular guide
Verify and parse
- How do I verify a US address in Node.js? Verify in Node.js
- What is the difference between Confirmed, ConfirmedPrimaryOnly, NotDeliverable, and Unknown? Verify in Node.js
- What components does the address parser return? Parse in Node.js
- What's the difference between autocomplete and address verification? React, Vue and Angular guide
What the code assumes
- Node.js
- 18 or newer
- Frameworks
- Vue 3, React 18+, Angular, Next.js 14+ (App Router)
- TypeScript
- Used in the React, Vue and Angular guide
- Your key
- Kept on a server route; the Next.js article explains why not to use NEXT_PUBLIC_
Related on sthan.io
Terms explained
All articles by Marcus
Address Autocomplete Without Google: Options and Costs
Ways to add address autocomplete to a form without Google: nine APIs read on October 20, 2026, open-source servers you run yourself, and free browser autofill.
Address Autocomplete API for Forms: Cost and Setup
Free tiers and prices of 8 address autocomplete APIs read on October 16, 2026, what 10,000 form fills a month cost on each, and the setup that keeps bills low.
How to Add Address Autocomplete in Node.js / Express
Add US address autocomplete to your Express app. Free API, a server-side proxy route, an API-key fetch wrapper, and a debounced front-end input.
How to Add Address Autocomplete in Next.js (App Router)
Add US address autocomplete to your Next.js app. Free API, a server-side Route Handler, a debounced client component, and env config.
How to Add Address Autocomplete in Vue 3
Add US address autocomplete to your Vue 3 app. Free API, a debounced Composition API component, a small backend proxy, and a Vite dev proxy.
How to Add Address Autocomplete in Vanilla JavaScript
Add US address autocomplete to any web page - no framework. Free API, a debounced input, a clickable dropdown, and a small backend proxy.
How to Verify US Addresses in Node.js / Express
Confirm deliverability at submit. Free API, a fetch-based client, and an Express route that branches on DPV - accept, warn, or block.
How to Parse US Addresses in Node.js / Express
Split freeform addresses into structured components. Free API, a fetch-based client, and an Express route.
How to Integrate Address Autocomplete in React, Vue, and Angular
Step-by-step tutorial for implementing address autocomplete in popular JavaScript frameworks with TypeScript.