Naar mijn mening moet een portfolio laten zien wie je bent, wat je kunt en waar je mee bezig bent. Ik besefte me dat mijn oude portfolio niet meer voldeed aan die voorwaarden.

Niet omdat die website niet werkte, maar omdat het simpelweg geen accuraat plaatje meer schilderde over wie ik tergenwoordig ben. Verouderde inhoud, het design kon wat professioneler en nieuwe content toevoegen was als stroop door een trechter, erg langzaam en omslachtig.

Een persoonlijk portfolio dat niet meer bij me paste

Mijn oude portoflio was alles behalve onpersoonlijk, maar je ervaring groeit en de manier waarop ik mezelf wil presenteren verandert uiteraard mee. Inmiddels was de inhoud en het design toch wat gedateerd.

Nieuwe content toevoegen was ook omslachtig en kostte eigenlijk meer moeite dan het eindresultaat deed vermoeden. En als iets veel onnodig moeite kost, dan stel je het uit. En we weten natuurlijk allemaal wat er van uitstellen komt.

Daar moest dus iets wijzigen.

Een website die professioneler oogt, makkelijkter te onderhouden is maar tegelijkertijd toch dezelde persoonlijke toon blijft houden.

Self-made, of course.

Als developer ontwikkel je je portfolio natuurlijk zelf.

Een pagebuilder, of bestaande templates zouden natuurlijk voldoende kunnen zijn. Snel op te zetten en gebruiksvriendelijk, maar je levert natuurlijk wel een stuk vrijheid in. Dat wou ik niet.

Ik wil zelf kunnen bepalen hoe mijn portfolio eruitziet, hoe functionaliteiten dienen te werken en welke toevoegingen ik op een later moment wil doen, zonder weer van template of pagebuilder te moeten wisselen.

Los van die eisen is het natuurlijk ook gewoon leuk om zelf iets te bouwen.

Github Pages als uitgangspunt

Het oude portfolio draaide al op Github Pages. Aangezien dat prima beviel zag ik geen reden daar wat in te wijzigen. Github Pages is praktisch, werkt goed voor een persoonlijk portfolio en kost niks.

Github Pages bracht echter wel een limitatie met zich mee, je kunt er niet zomaar een hele PHP/Symfony/Laravel-applicatie op draaien. Als liefhebber van PHP is dat natuurlijk wel waar ik me thuisvoel, maar als we eerlijk zijn dan zou het natuurlijk ook overkill zijn voor een simpel portfolio.

Dan volgt echter wel de vraag: wat gebruik je dan om een portfolio op te zetten waar content managen een peulenschil is?

Oogje op Astro

Na wat onderzoek naar welke mogelijkheden er waren om te hosten op Github Pages, zonder dat content managen telkens een heel proces zou zijn kwam ik Astro tegen.

Ik had nog nooit van Astro gehoord, maar dat maakte het des te interessanter. Nieuwe technologie ontdekken, uitzoeken hoe het werkt en er ook nog wat moois mee bouwen? Sign me up!

Astro bleek bovendien netjes aan te sluiten op mijn minimale eisen. Een statische webste bouwen, met herbruikbare componenten en een gestructureerde manier van content beheren.

Nieuwe content, geen nieuw gedoe

Middels Astro’s content collections was het meteen super makkelijk te regelen om content op een eenvoudige manier toe te voegen.

Middels content collections definieer je een vast stramien voor een bepaald type content, zoals dit artikel of een van de projecten.

Middels Markdown-bestanden in de correcte folders kun je de informatie vullen die volgens het stramien aanwezig moet zijn en vervolgens al je content uitschrijven.

Je bouwt dus niet telkens een nieuwe pagina, je maakt gebruikt van een uniforme structuur en presentatie, terwijl de inhoudt per type content verschilt.

Dit geeft meer mogelijkheid om te focussen op de content die je schrijft en niet op zorgen dat het allemaal netjes in een design past, dat doet het namelijk al.

Toegankelijkheid, een vak apart.

Een grote uitdaging was toegankelijkheid.

Niet omdat er perse hele technisch ingewikkelde implementaties bij komen kijken, maar omdat je eerst goed moet uitzoeken wat een website toegankelijk maakt.

Waar dien je rekening mee te houden? Hoe zorg je ervoor dat een website middels toetsenbord of schermlezer bruikbaar is? Hoe implementeer je dat netjes zonder onnodige complexiteit/issues te veroorzaken?

Omdat toegankelijkheid een steeds belangrijker onderdeel wordt en verder gaat dan enkel hoe een website eruit ziet, vond ik het belangrijk om daar ook een keer serieus mee bezig te zijn.

Het blijft persoonlijk

Technisch moest de website natuurlijk verbeteren en de inhoud moest natuurlijk ook bij wie ik ben als persoon gaan aansluiten. De persoonlijke touch van het oude portfolio moest natuurlijk wel gewoon behouden worden.

Ik wilde geen zakelijk portfolio dat dient om indrukwekkend te zijn.

Het moet professioneel zijn, maar professioneel zijn en jezelf (te) serieus nemen zijn in mijn optiek twee verschillende dingen.

Om die reden is er op de website dus ook bewust ruimte gemaakt om een stukje van mijn persoonlijkheid prijs te geven. Droge humor en informele teksten zijn dus een prominent onderdeel van dit portfolio geworden.

Daarnaast is het natuurlijk mijn kleine, eigen plekje op het internet. Bedoeld voor eventuele werkgevers of collega’s, maar ook voor mezelf. Ik wil er naar kunnen kijken en er trots op zijn.

Zou ik het opnieuw zo aanpakken?

Op dit moment wel.

Het portfolio is natuurlijk nog vrij nieuw, dus misschien denk ik daar over een jaar anders over. Maar voor nu ben ik tevreden met de keuzes die ik heb gemaakt.

Vooral met het totaalplaatje.

Het ontwerp sluit mooi op elkaar aan, de techniek is overzichtelijk en de inhoud voelt een stuk persoonlijker en actueler dan voorheen.

En misschien nog wel het belangrijkste: ik kan de website nu eenvoudig blijven uitbreiden, zonder dat ik daarvoor iedere keer opnieuw het wiel hoef uit te vinden.

Gewoon beginnen

Als ik één ding zou meegeven aan andere developers die hun eigen portfolio willen bouwen, is het dit: maak het niet onnodig ingewikkeld.

Je hoeft niet iedere technologie die je kent in één project te verwerken. Je hoeft geen ingewikkelde architectuur op te zetten om een paar pagina’s en projecten te presenteren.

Kies iets wat bij je past, zorg dat je er prettig mee kunt werken en begin gewoon.

Uiteindelijk is een portfolio geen wedstrijd in technische complexiteit.

Het is een plek waar je laat zien wie je bent en wat je kunt.

En als je er zelf met een beetje trots naar kunt kijken, ben je volgens mij al een heel eind.