FlyCodes

Een opzoekmachine voor IATA- en ICAO-codes van 8.803 luchthavens en 1.108 maatschappijen. Het zoeken gebeurt in de browser van de bezoeker.

Periode juli 2026 tot heden

Rol Strategie, merk, bouw en SEO

Stack Next.js, React, TypeScript

Live flycodes.net

Het vraagstuk

Drie letters vragen, een seconde wachten.

Wie AMS airport code opzoekt wil één regel antwoord. In de praktijk krijgt diegene een cookiemuur, een paar advertentieblokken en een tabel die pas na een seconde inlaadt.

Daar komt een strategisch probleem bij. De kop van deze markt is bescheiden, dus de winst zit in de lange staart van duizenden losse luchthavens en maatschappijen. Die staart is alleen te bedienen als de pagina's echte, eigen data dragen in plaats van een ingevuld sjabloon.

En dat op een schaal waar handwerk niet meer kan.

De aanpak

Sneller dan een netwerkverzoek.

(01)TERMINAL MIDNIGHTHet vertrekbord als ontwerpsysteem: signaalamber op nachtblauw, Archivo voor de interface en B612 Mono voor de codes, een lettertype getekend voor cockpitdisplays. Het logo is een split-flap-tegel die halverwege de omslag een F vormt.

(02)Zoeken in de browserDe zoekindex van 9.911 records wordt één keer opgehaald, daarna gaat er bij het typen geen verzoek meer de deur uit. Wat iemand opzoekt blijft op het apparaat, simpelweg omdat er geen zoekserver is.

(03)Open data als fundamentOurAirports en OpenFlights worden bij de build omgezet in getrimde JSON, de zoekindex en een gratis statische API. Bronnen en licentie staan op een eigen datapagina.

(04)Een rem op de eigen groeiNiet elke luchthaven krijgt een pagina: één functie in de code beslist wie in aanmerking komt, en van alle denkbare routepagina's zijn alleen de 6.000 drukste indexeerbaar. Zo blijft een programmatische site na een jaar nog gezond.

(05)Scripts bewaken de kwaliteitLinkchecker, JSON-LD-validator, contrastcontrole en een SEO-baseline die routes, titels, koppen en structured data vergelijkt met een vastgelegde snapshot.

Het werk

Amber op nachtblauw, codes op het bord.

Een bord is een bord: de boardvlakken blijven donker in beide thema's, en beweging is mechanisch, zoals de flaps van een echt vertrekbord.

Homepage van FlyCodes met zoekbalk en vertrekbord op desktop — De zoekbalk met split-flap-placeholder en het bord met de drukste luchthavens

Homepage van FlyCodes op mobiel — Opzoeken zonder wachten, ook onderweg

Luchthavenpagina van Amsterdam Schiphol met IATA-code AMS op desktop — Per luchthaven een eigen pagina met echte data

Luchthavenpagina van Schiphol op mobiel — AMS is Schiphol, klaar

Het resultaat

Ruim twaalfduizend pagina's, elk met een eigen antwoord.

FlyCodes prerendert ruim 12.700 pagina's: luchthavens, maatschappijen, landen, steden, ranglijsten en de 6.000 drukste routes, elk met eigen metadata, JSON-LD en een OG-kaart uit de eigen data.

Daarnaast staan er ruim 9.900 statische API-bestanden als gratis JSON-API zonder sleutel, een insluitbare zoekwidget en een interactieve kaart van de drukste luchthavens. Alles op drie runtime-dependencies, zonder advertenties en zonder aanmelding.

8.803

Luchthavens in de zoekindex

12.700+

Statisch gegenereerde pagina's

9.900+

Gratis API-bestanden, geen sleutel

Runtime-dependencies

Drie letters vragen, een seconde wachten.Drie letters vragen, een seconde wachten.

Sneller dan een netwerkverzoek.Sneller dan een netwerkverzoek.

Amber op nachtblauw, codes op het bord.Amber op nachtblauw, codes op het bord.

Ruim twaalfduizend pagina's, elk met een eigen antwoord.Ruim twaalfduizend pagina's, elk met een eigen antwoord.

Drie letters vragen, een seconde wachten.

Sneller dan een netwerkverzoek.

Amber op nachtblauw, codes op het bord.

Ruim twaalfduizend pagina's, elk met een eigen antwoord.