46 technieken
Onze techniek
Geen keuze uit gewoonte. Per project kijken we wat past, en hieronder staat in gewone taal wat elk stuk doet en waarom we het gebruiken.
Talen en raamwerken 13
-
PHP 8
De taal waarin de site op de server draait. Versie 8 is de snelle, actuele versie. -
Laravel
Een PHP-raamwerk voor maatwerk dat verder gaat dan wat een beheersysteem kan. -
JavaScript
Alles wat op de pagina reageert zonder dat er opnieuw geladen hoeft te worden. -
Vue.js
Voor schermen die veel doen: een filter, een configurator, een dashboard. -
React
Hetzelfde idee als Vue, maar dan het raamwerk waar de meeste teams op draaien. -
CSS
De vormgeving: kleur, typografie en de indeling van elk scherm. -
TypeScript
JavaScript met controle vooraf, zodat fouten opvallen voordat de bezoeker ze ziet. -
Node.js
JavaScript op de server. Handig als de voor- en achterkant dezelfde taal spreken. -
Symfony
Een PHP-raamwerk voor grote systemen waar veel partijen aan meewerken. -
Livewire
Schermen die reageren zonder aparte JavaScript-applicatie ernaast. -
Alpine.js
Kleine stukjes interactie zonder een heel raamwerk mee te sturen. -
Inertia.js
Verbindt Laravel met Vue of React zonder aparte koppeling ertussen. -
Filament
Een beheeromgeving op maat, gebouwd op Laravel.
Bouwen en testen 12
-
esbuild
Bundelt de code voor de browser. Een hele site opnieuw opbouwen duurt hier tientallen milliseconden. -
Playwright
Loopt de site na als een echte bezoeker, in een echte browser. -
GitLab
Waar de code staat, en waar het testen en uitrollen automatisch vandaan komt. -
Docker
Iedereen ontwikkelt in dezelfde omgeving, dus "bij mij werkt het wel" bestaat niet meer. -
GitHub Actions
Test en publiceert automatisch zodra er code wordt opgeleverd. -
GitLab CI
Hetzelfde, maar dan binnen GitLab. -
Nginx
De webserver die je pagina uitserveert. -
Cloudflare
Levert je site vanaf een plek dicht bij de bezoeker en houdt aanvallen tegen. -
Sentry
Meldt een fout op het moment dat een bezoeker hem tegenkomt, niet als hij belt. -
Pest
Controleert of de code doet wat hij moet doen, bij elke wijziging. -
axe-core
Controleert automatisch op toegankelijkheidsfouten in de code. -
Lighthouse
De meting van Google zelf op snelheid, toegankelijkheid en vindbaarheid.
Data en AI 9
-
MySQL
De database. Daar staan je pagina's, bestellingen en klantgegevens in. -
REST & GraphQL
Twee manieren om gegevens uit te wisselen met een ander systeem. -
Claude
Het taalmodel achter die koppelingen. Welk model per project past kijken we per geval; dit is wat we het vaakst kiezen. -
PostgreSQL
Database die verder gaat dan MySQL waar het om ingewikkelde gegevens gaat. -
Redis
Houdt veelgevraagde gegevens klaar, zodat de database ze niet steeds hoeft op te zoeken. -
Meilisearch
Zoeken dat meteen resultaat toont terwijl je typt, ook bij een typefout. -
Elasticsearch
Zoeken en filteren in grote hoeveelheden gegevens. -
OpenAPI
Een beschrijving van je koppeling waar andere partijen zo mee aan de slag kunnen. -
Webhooks
Een seintje naar een ander systeem op het moment dat er iets gebeurt.
Interactie en beeld 6
-
GSAP
De animatiebibliotheek achter de bewegingen op deze site. -
Lenis
Vloeiend scrollen zonder dat het schokt of achterloopt op wat je doet. -
WebGL
Beeldbewerking op de grafische kaart. Het vervormende beeld onder de cursor draait hierop. -
Tailwind CSS
Opmaak die direct in de code staat, zodat een component alles bij zich draagt. -
Sass
CSS met variabelen en nesting, voor stylesheets die groot worden. -
Storybook
Elk onderdeel apart te bekijken, los van de pagina waar het op staat.
CMS en e-commerce 5
-
WordPress
Het beheersysteem waarin je zelf teksten, pagina's en afbeeldingen aanpast. -
WooCommerce
De webshopkant van WordPress: producten, winkelwagen en afrekenen. -
Statamic
Een beheersysteem op Laravel, voor sites die maatwerk nodig hebben maar geen database willen. -
Craft CMS
Beheersysteem voor redacties die veel verschillende soorten inhoud beheren. -
Drupal
Beheersysteem dat veel bij overheden en onderwijs in gebruik is.
