Websites en applicaties op maat

Twee praktijken die bijna hetzelfde zijn, maar net niet: ander adres, andere openingstijden, andere foto's, ander logo. De twee sites delen hun opbouw, met eigen informatie per praktijk.

Hier is het één Next.js-applicatie. Alles wat per praktijk verschilt staat in een configuratiebestand; de pagina's zelf weten niet in welke stad ze staan. Een nieuwe pagina verschijnt dus altijd op allebei de sites, en een derde praktijk is een configuratiebestand, geen project.

Contact- en afspraakformulieren komen binnen in een Postgres-database en gaan als nette PDF naar de praktijk. Omdat het om gegevens van kinderen gaat, staat alles op Europese servers en gaan er geen medische gegevens over de mail.

• →Eén deploy bedient beide domeinen, gekozen op hostname
• →Praktijkgegevens in config, nooit in de templates
• →Formulieren naar Postgres, bevestiging als gegenereerde PDF
• →EU-hosting vanwege bijzondere persoonsgegevens

• Next.js 15
• TypeScript
• Tailwind
• Prisma
• PostgreSQL
• Zod

Een parkeergarage indelen is puzzelen met vaste maten: een parkeervak, een rijbaan, een stramien van vak plus rijbaan plus vak. Dat rekenwerk zat in tekeningen en spreadsheets.

De configurator maakt er echte puzzelstukken van op een oneindig canvas: slepen, roteren, uitrekken, met randen die aan elkaar klikken. Terwijl je schuift rekent hij mee: oppervlakte, aantal plaatsen, vierkante meters per plek, vluchtafstanden, ventilatie-eisen en een indicatie van bouw- en onderhoudskosten.

De landingspagina is een Rush Hour-achtige schuifpuzzel, omdat je een parkeerprobleem het snelst uitlegt door iemand er zelf een te laten oplossen.

• →Oneindig 2D-canvas met snapping, hulplijnen en verdiepingen als tabs
• →Live toetsing op m² per plek, vluchtafstand en ventilatie
• →Maten uit de referentiebladen, afgeleide varianten expliciet gemarkeerd
• →Speelbare schuifpuzzel als introductie op het product

• TypeScript
• Canvas
• Geometrie
• Vanilla JS

Bij een rit van duizenden kilometers is de route het makkelijke deel. De vraag is waar je op dag vier om half elf 's avonds nog een supermarkt vindt.

Je zet checkpoints op de kaart, de planner maakt de route ertussen en tekent het hoogteprofiel met de klimmen erin gecategoriseerd. Rijtijden houden rekening met stijging en overnachtingen en geven zo een inschatting van de aankomsttijd.

Langs de hele route worden supermarkten, bakkers, waterpunten, restaurants, hotels, campings en fietsenmakers opgehaald uit OpenStreetMap, met de verwachte passeertijd erbij en een waarschuwing bij lange stukken zonder bevoorrading. Daarna knipt hij de route in dagetappes die je met de hand kunt verschuiven, en vergelijkt scenario's van tien tot zestien uur rijden per dag.

• →Klimbewuste rijtijd met dag- en nachtinschatting langs de route
• →Voorzieningen uit Overpass, met passeertijd en bevoorradingsgaten
• →Etappeplanning met verschuifbare grenzen en scenariovergelijking
• →GPX in en uit, zodat een bestaand tracé alle analyses meekrijgt

• React
• TypeScript
• Vite
• MapLibre GL
• Express
• SQLite
• Overpass