Sla over naar inhoud

OBGN 2027

De site van de Open Belgian Gliding Nationals 2027: informatie, inschrijving met wachtlijst en live uitslagen, in drie talen, en alles aanpasbaar door de organisatoren.

Voor

Koninklijke Aeroclub Keiheuvel

Stack

Next.js · Vercel · Neon · Web

Rol

Developer

Jaar

2026

Status

Actief
LS7

OBGN 2027 is de website van de Open Belgian Gliding Nationals 2027, een zweefvliegwedstrijd van een week die in juli 2027 vanaf Keiheuvel wordt gevlogen. De organisatoren hadden één plek nodig waar een piloot ontdekt wat de wedstrijd inhoudt, beslist om deel te nemen, zich inschrijft, ziet wie er nog komt, en tijdens de wedstrijdweek de uitslagen volgt. Dat moest even goed werken voor Belgische vaste klanten als voor buitenlandse nieuwkomers, dus de site verschijnt in het Nederlands, Frans en Engels.

Context

Wedstrijdsites zoals deze zijn meestal een statische pagina met een inschrijvingsformulier op een extern platform, en de organisatoren beantwoorden dezelfde vragen keer op keer per e-mail. De opdracht was het omgekeerde: alles wat een piloot nodig heeft om toe te zeggen, en alles wat de organisatoren nodig hebben om de inschrijvingen te beheren, in één site die ze zelf onderhouden zonder code aan te raken.

Aanpak

Niets van de editie zit vast in de code. Data, vliegveld, klassen, aantal plaatsen en inschrijvingsgeld staan in de database en worden aangepast in een Nederlandstalige beheeromgeving. Wat de organisatoren nog niet hebben ingevuld, toont de site als "nog te bepalen". Hetzelfde geldt voor de informatieteksten, in de drie talen, en voor de foto's: de beheeromgeving toont de publieke pagina's in een visuele editor waarin de tekst- en fotovakken gemarkeerd zijn en ter plekke worden bewerkt.

De inschrijving volgt de kalender. Vóór de openingsdatum biedt de site een agendabestand aan, tijdens de inschrijvingsperiode een formulier in drie stappen, en na de deadline verwijst ze naar de deelnemerslijst. Er zijn in totaal 55 plaatsen. Een inschrijving krijgt meteen een plaats zolang er plaatsen zijn, anders komt ze op één wachtlijst over de klassen heen. Een plaats is pas definitief zodra het inschrijvingsgeld binnen de betaaltermijn is betaald. Een nachtelijke taak geeft onbetaalde plaatsen door aan de volgende piloot op de lijst en mailt alle betrokkenen. Elke piloot heeft een privé-statuspagina met zijn of haar positie, de betaalinstructies en een foto die ze zelf kunnen uploaden.

Tijdens de wedstrijd verandert de startpagina. Zodra de organisatoren elke klasse aan haar uitslagen op Soaring Spot koppelen, leest de site de gepubliceerde opdrachten en scores, tekent de opdracht van vandaag op schaal uit de keerpunten, en toont de dagscores en het algemeen klassement per klasse, om de paar minuten ververst. Soaring Spot blijft de bron; de site presenteert alleen.

Het ontwerp is gebouwd rond het eigen logo van de wedstrijd, hertekend als SVG met de Belgische kleuren die als waterballast uitstromen, en één keer geanimeerd bij aankomst. De look is een zonnig palet, één oranje accent en royale fotokoppen, met een donkere modus die het systeem volgt. Elke publieke pagina haalt WCAG 2.1 AA in beide kleurschema's, draagt titels, canonieke adressen en taalalternatieven voor zoekmachines, en bevat een evenementschema voor rijke zoekresultaten. Een kaart van het luchtruim dat voor de wedstrijd wordt vrijgegeven, getekend op basis van openAIP-data, dient als blikvanger op de informatiepagina.

De stack is Next.js met de App Router, React, TypeScript en gewone CSS, Neon Postgres voor de data, Vercel Blob voor documenten en foto's, Resend voor de transactionele mail, alles gehost op Vercel.

Resultaat

De organisatoren beheren de hele editie vanuit de beheeromgeving: inschrijvingen, plaatsen, documenten, teksten, foto's, sponsors en hun eigen accounts. Piloten schrijven zich in en volgen hun inschrijving zonder één e-mail naar de organisatoren. De site staat klaar voor de editie van 2027 en toont tijdens de wedstrijdweek in juli 2027 de opdrachten en klassementen live.