Meta alert: je bekijkt de website die we hebben gebouwd om te laten zien wat we kunnen bouwen. We weten het.
Het project
Bardan.nl is de website van Bardan Agency zelf, volledig in eigen beheer ontworpen, ontwikkeld en uitgerold. Het project diende als bewijs van concept: kunnen we een snelle, meertalige, schaalbare website bouwen die ook zonder technische kennis te beheren is? Het antwoord staat live.
Van design naar code
Het design is volledig in Figma uitgewerkt voordat er één regel code werd geschreven. Elk component, elke spacing, elke interactie, eerst visueel uitgedacht, dan pixel-perfect omgezet naar Nuxt componenten. Geen interpretatie tussendoor, geen verrassingen bij oplevering.
Dit is ook hoe wij bij klantprojecten werken: design en development zijn geen losse fases, maar één doorlopend proces.
Technische stack
De frontend is gebouwd op Nuxt.js, een framework bovenop Vue.js dat ons volledige controle geeft over hoe pagina's worden opgebouwd en gerenderd. Voor het beheer van content kozen we PayloadCMS, een headless CMS dat we volledig naar eigen inzicht hebben ingericht. Geen overbodige features, geen gedoe, gewoon een beheerpaneel dat werkt zoals wij willen. De website wordt gehost op Vercel, een serverless platform dat automatisch nieuwe versies uitrolt zodra er iets wordt aangepast in de code. En als buitenste schil zit Cloudflare, die al het inkomende verkeer filtert en de website beschermt tegen kwaadaardig verkeer van buitenaf.
Performance
Bardan.nl scoort een perfecte 100 op alle vier de categorieën in Google PageSpeed Insights: Performance, Accessibility, Best Practices en SEO. Niet als toevallige uitkomst, maar als bewuste keuze in elke laag van de stack. Van server side rendering in Nuxt.js tot edge caching en serverless hosting op Vercel en DDoS bescherming via Cloudflare.
Wil je ook zo'n website?
Wil je ook een website die razendsnel is, er strak uitziet en een perfecte PageSpeed score haalt? Scroll naar beneden, klik op de magische groene knop en je praat binnen no-time direct met Achraf.
