Zo vervang je AllMyLinks met je eigen static site

Nu dimaginar.com een static site is geworden, was het tijd voor een volgende digitale puzzel. Ik had een AllMyLinks pagina met verschillende links naar plekken waar mensen meer konden vinden: mijn website, LinkedIn, Reddit, GitHub. Het werkte prima, maar ik keek er nooit naar. De bezoekstatistieken zaten in een portal waar ik toch niet kwam. En nu dimaginar.com volledig in mijn eigen stack draaide, paste die externe afhankelijkheid niet meer.

Dus bouwde ik Dimaginar Go. Wederom een eigen static site, eigen subdomain, geïntegreerd in mijn stack. En ik kon weer afscheid nemen van een "gratis" tool.

Controle over Data en Analytics

Ik had op zich geen probleem met AllMyLinks. Het werkte goed. Maar er begon toch iets te knagen. Je geeft data weg aan een externe partij, je hebt geen controle over hoe het eruit ziet, en je analytics zitten ergens waar je niet vaak kijkt.

Dimaginar draait op Cloudflare Pages, mijn analytics draaien op Ackee. Het toevoegen van een enkele links site is dan relatief een eenvoudige stap.

Van Template naar Live Site

Ik wilde niet zomaar beginnen met instructies in mijn AI coding tool. Kort daarvoor had ik een cursus van Andrew Ng bekeken (Build with Andrew) waarin hij een simpel design template gebruikte: Goal, Input, Layout, Features, Output. Niet alles hoef je in te vullen, maar het helpt om na te denken voordat je begint.

Ik gebruikte Mistral AI om mijn ruwe gedachten om te zetten van template naar design document. Dat werkt goed omdat ik dan kan nadenken over een project zonder achter mijn computer te zitten. De design documenten bewaar ik in Joplin, ook toegankelijk vanaf mijn telefoon. Als ik klaar ben om te bouwen, geef ik het document door aan Google Antigravity.

De eerste versie draaide in ongeveer tien minuten. De branding klopte, maar de links waren niet goed overgenomen. Eén iteratie later stonden de juiste links erin. Toen begon het echte werk. Het duurde ongeveer een uur om de layout goed te krijgen op zowel desktop als mobiel, inclusief het beter leesbaar maken van de fonts.

Deployment naar Cloudflare Pages duurde een kwartier. Git opzetten, DNS configureren, toevoegen aan Ackee. Deze workflow ken ik nu goed genoeg waardoor het routine begint te worden.

De Uitdaging: Ackee Event Tracking

Ik wilde bijhouden hoe vaak elke link werd geklikt. Binnen Ackee moet je events aanmaken, waarbij je vier opties hebt. Op advies van Google Gemini koos ik voor "chart with total sums" en dat bleek verkeerd. Ik zag alleen een oplopend nummer, niet welke link was geklikt. Zo zie je maar weer dat je nooit volledig op generatieve AI kan vertrouwen.

Meerdere dingen geprobeerd. Troubleshooting in de browser. Code testen. Alles leek goed te staan, maar het werkte niet zoals ik wilde.

Ik begon aan een alternatieve oplossing op advies van Perplexity AI, die blijkbaar ook niet wist van het verschil in event gedrag. Voor één event probeerde ik toen een andere view, de "list total" in plaats van "chart". Direct zag ik wat ik wilde. De link namen verschenen in Ackee met het aantal keren dat elke link was geklikt. Nu moest ik de setup van meerdere events weer terugdraaien. Dit alles kostte ongeveer een uur, maar het werkt nu.

Eigen Stack, Eigen Voorwaarden

Go.dimaginar.com draait nu volledig in mijn eigen stack. Ik zie de bezoekstatistieken in hetzelfde dashboard als dimaginar.com. 5 links, maar op mijn voorwaarden.

Wat mij betreft weer een perfect voorbeeld van digitale autonomie in de praktijk. Niet alles vervangen om het vervangen, maar bewuste keuzes maken over waar je data staat en welke tools je gebruikt. AllMyLinks werkt prima als dat is wat je wilt. Maar als je controle wilt, kan je het zelf bouwen. En dat is tegenwoordig makkelijker dan het ooit was.

Over De Auteur

Peter van Barneveld is Group Innovation Manager en verkent praktische wegen naar digitale autonomie. Hij test wat daadwerkelijk werkt in het dagelijks gebruik. Zijn aanpak: uitzoeken, het traject documenteren, eerlijke resultaten delen.

Kom in contact met Peter via LinkedIn of neem deel aan de discussie op r/Dimaginar.

FAQ

Hoe lang duurt zoiets als je het voor het eerst doet?

Ik had al ervaring met Cloudflare Pages en Ackee, dus deployment was routine. Daardoor kostte het voor mij al met al 3 uur inclusief het troubleshooten. Als dit nieuw voor je is, moet je zeker nog tijd bij optellen om de verschillende stappen te leren. De site zelf bouwen kan met AI hulp relatief snel. Dan heb je een mooi uitgangspunt om verder te leren. Het finetunen van de layout kost de meeste tijd.

Waarom Cloudflare Pages in plaats van Netlify of Vercel?

Ik gebruik Cloudflare al voor DNS en dimaginar.com. Alles bij elkaar houden maakt het eenvoudiger. Netlify of Vercel werken ook prima, kies wat bij jouw stack past. Overigens gebruik ik Netlify voor Ackee als frontend, omdat ik dat de beste optie vond van de door Ackee beschreven mogelijkheden.

Moet je een design template gebruiken?

Nee. Ik vond het handig om vooraf na te denken zonder direct te coderen, maar je kan ook direct beginnen met instructies in je AI codeer tool. Het template helpt vooral bij projecten waar je nog niet precies weet wat je wilt.

Waar kan ik meer leren over AI coding?

De cursussen op deeplearning.ai zijn een aanrader als je meer wilt leren over AI coding. Gratis, toegankelijk, en praktisch gericht. Andrew Ng's Build with Andrew is een goed startpunt als je helemaal geen ervaring hebt.