Cloudflare Workers

30-second example

// src/index.ts (Worker entry)
import { Postio } from '@postio/core';

interface Env { POSTIO_API_KEY: string }

export default {
  async fetch(req: Request, env: Env): Promise<Response> {
    const url = new URL(req.url);
    const postcode = url.searchParams.get('postcode');
    if (!postcode) return new Response('postcode required', { status: 400 });

    const postio = new Postio({ apiKey: env.POSTIO_API_KEY });
    const { results } = await postio.address.postcode(postcode);

    return Response.json(results);
  },
};

Other framework examples

• Plain HTMLNo build step, no framework. One HTML file, three script lines, working autocomplete.
• Next.js (App Router)Server Components + client AddressFinder, validation in a Server Action.
• React (Vite)@postio/react + TanStack Query, fast dev loop.
• Vue 3Composition API + @postio/address-finder mounted via a template ref.
• SvelteKitServer-side validation in +page.server.ts; client widget mounted in onMount.
• AstroStatic-first with islands. Address widget as a hydrated island.