Mijn Portfolio Website

Project Details

De website waar u nu naar kijkt, ontworpen en gebouwd met Next.js en Tailwind CSS.

Tech Stack

Project Links

Mijn persoonlijke portfolio — deze website. Ontworpen met een strak design system en gebouwd met Next.js 15 App Router, Tailwind CSS en Framer Motion. Het project combineert technische precisie met een doordachte gebruikerservaring. De site is nog in ontwikkeling — nieuwe projecten en verbeteringen worden regelmatig toegevoegd.

Rol

Solo ontwerper & ontwikkelaar

Periode

2025

Belangrijkste functionaliteiten

Responsive ontwerp met mobiele en desktop navigatie
Dark mode met sterrenhemel-effecten
Projectencollectie met filterbare technologiestacks
Contactformulier met server-side validatie via Nodemailer

Uitdagingen

01Een consistent design system bouwen vanuit nul — kleuren, typografie, spacing, componenten
02Dark mode met canvas-gebaseerde sterren en vallende sterren zonder SSR-problemen
03Prestaties behouden met Framer Motion animaties en dynamische imports

Wat ik heb geleerd

Next.js 15 App Router, route groups en metadata API
Hoe een uitgebreid design system (DESIGN.md) het ontwikkelproces versnelt
Canvas-animaties en ResizeObserver voor responsive achtergrondeffecten