Integrer dansk adresse-autocomplete i Next.js 14+ med App Router: Route Handler proxyer API-nøglen server-side, Client Component viser typeahead. P95 < 30 ms fra dansk infrastruktur.
Kald Danadresse server-side i en Route Handler — API-nøglen eksponeres aldrig til browseren.
Hent og render adressedata i en async Server Component — nul JS til klienten for statiske opslag.
npm install @danadresse/client — fuld TypeScript-support, Promise-baseret, ingen afhængigheder.
// app/api/autocomplete/route.ts
export async function GET(req: Request) {
const q = new URL(req.url).searchParams.get('q') ?? ''
const r = await fetch(
`https://api.danadresse.dk/autocomplete?q=${q}`,
{ headers: { 'X-Api-Key': process.env.DANADRESSE_KEY! } }
)
return Response.json(await r.json())
}
Next.js + Stripe + Danadresse autocomplete — valideret adresse direkte i payment flow.
Registrering med adressevalidering server-side — rene data fra dag ét.
Deploy Route Handler som Edge Function — sub-10ms latens tæt på brugerne.
Slug /nextjs-adresse-api følger DAWA's konventioner — samme paths, samme JSON-shape, samme UUID'er. Se migration guide for det fulde overblik.
Se også
Gratis nøgle, ingen kreditkort, 1 000 kald/måned.
Start gratis → Læs API-dokumentation →