De blog krijgt een nieuwe look! Na meerdere jaren met Hugo heb ik alles herzien: nieuw logo, nieuw framework, nieuw design. Hier is het verhaal van die transformatie.
Het nieuwe logo: wanneer AI onderdeel wordt van de identiteit
Het nieuwe logo bevat nu de symboliek van kunstmatige intelligentie:
- Neurale netwerken zichtbaar aan de linkerkant, met hun roze en blauwe lichtende verbindingen
- De tekst “AI” expliciet toegevoegd om die dimensie te bevestigen
- Printplaten / circuits geïntegreerd in het ontwerp, die verwijzen naar de hardware die de modellen laat draaien
- Een organische vorm die zowel een brein als een hart oproept — de samensmelting van intelligentie en passie
Dit nieuwe logo is gegenereerd met behulp van AI — logisch voor een blog dat over AI gaat en die deze tools nu dagelijks massaal gebruikt om sneller te werken.
Migratie van Hugo naar Astro
Waarom veranderen?
Ik had zin in een verandering. Ik was mijn blog begonnen met de middelen die ik had: een gratis Hugo-template gevonden op het internet en mijn artikelen. Ik had al wat handmatig aangepast, en met de komst van AI kon ik verder gaan. Maar nu, met code-agents zoals Claude Code — dat is waanzinnig! Codegeneratie is zo simpel geworden dat ik dacht dat een moderner en aanpasbaar framework binnen mijn bereik lag. Ik ben meer DevOps/infra dan pure webdeveloper, maar ik ben ervoor gegaan.
Het voor/na is echt anders. Het nieuwe design is mooi, schoon, modern — en dat in beide thema’s (licht en donker).
Het migratieproces
De migratie ging vrij snel, over twee avonden, in samenwerking met Claude Code.
Zo is het gegaan:
- Opstellen van het plan: ik vroeg Claude Code om een migratiestrategie voor te stellen, met gebruik van de MCP Astro om toegang te hebben tot de officiële documentatie
- Voorbereiding van het Astro-project: aanmaken van de structuur, i18n-configuratie voor 15 talen
- Migratie van de FR-content: alle artikelen, projecten en pagina’s geconverteerd van Hugo naar Astro/MDX
- Migratie van assets: logo’s, essentiële afbeeldingen
- Nieuw design: volledige herwerking van de layouts (Header, Footer, ArticleCard…) met een moderne stijl
- Integratie van het nieuws: ik had al een Astro-site voor AI-nieuws gestart. Uiteindelijk heb ik het nieuws in mijn blog samengevoegd voor meer samenhang — alles op één plek. Claude heeft de content gemigreerd en de geautomatiseerde workflow voor het aanmaken van artikelen aangepast
- Massa-vertaling: ik heb van deze migratie geprofiteerd om al mijn vertalingen opnieuw te doen met mijn verbeterde Python-script (zie volgende sectie)
- Browser-tests: Claude heeft de site tijdens het proces getest om problemen in elke stap te corrigeren
Automatische vertaling naar 15 talen
Ik gebruik mijn Python-script ai-powered-markdown-translator sinds januari 2024. Dit project is sterk geëvolueerd — ik schrijf erover in meerdere artikelen op deze blog.
Een behoorlijke uitdaging
Ik had mijn oude vertalingen kunnen hergebruiken, maar ik wilde mijn script echt op de proef stellen: alle inhoud van de blog in één keer vertalen. We hebben eerst getest op 2-3 artikelen en een paar talen om de Python-code te verfijnen, daarna vroeg ik Claude Code om een bash-script te maken om de vertalingen in bulk te starten — 10 bestanden parallel. Toen het script gevalideerd was, hebben we de volledige batch gedraaid.
Verbeteringen aan het script
Met deze migratie kon ik essentiële functies toevoegen:
- Optie
--keep_filename: dezelfde bestandsnaam behouden in de output - Ondersteuning
.env: geen handmatige export van API-sleutels meer nodig - Behoud van inline-code: backticks gaan niet meer verloren tijdens de vertaling
- Economische modus: gebruik van goedkopere modellen voor grote volumes
Het script ondersteunt meerdere providers (OpenAI, Anthropic, Mistral, Gemini) en beheert codeblokken, LaTeX-formules en YAML-frontmatter intelligent.
Statistieken
Voor deze blog, de cijfers:
- 22 blogartikelen
- 4 projecten
- × 14 talen = 364 vertaalde bestanden
- 0 mislukkingen bij vertaling
Deploy-strategie
Om zonder risico te migreren heb ik een parallelle infrastructuur op AWS opgezet:
- Nieuwe S3-bucket gewijd aan de Astro-site
- Nieuwe CloudFront-distributie
- Nieuw ACM-certificaat
- Preview-DNS (
preview.jls42.org) om in realistische omstandigheden te testen
Deze aanpak stelde me in staat beide sites parallel te houden tijdens de tests. Eenmaal gevalideerd werd de omschakeling gedaan via Route 53 — met de mogelijkheid tot onmiddellijke rollback indien nodig. Alles is goed verlopen en de oude infrastructuur kon verwijderd worden.
Wat dit project onthult
Deze migratie illustreert mijn manier van werken:
- Beheersing van code-agents: na maanden gebruik beheers ik deze tools voldoende om ze een volledige migratie toe te vertrouwen
- Uit de comfortzone stappen: als DevOps/infra-profiel was het een uitdaging om in een modern webframework te duiken — en dat maakt het project interessant
- Experimenteren met AI: ik wilde zien of ik alles alleen met prompts kon doen — en ja, het is gelukt. Alles is gerealiseerd met Claude Code, Gemini CLI en Codex (maar hoofdzakelijk Claude Code)
- Automatisering: niet handmatig doen wat een script kan doen, en vooral een automatische verificatieworkflow hebben
- Open source: de vertaler is beschikbaar op GitLab
Ik heb ook een AI-nieuwssectie aan de blog toegevoegd — daarover schrijf ik in een apart artikel.
Bedankt dat je tot hier hebt gelezen! Als je vragen of feedback hebt, neem gerust contact op. Veel succes en tot snel op de blog!
Dit document is vertaald van de Franse versie naar de Nederlandse taal met behulp van het model gpt-5-mini. Voor meer informatie over het vertaalproces, raadpleeg https://gitlab.com/jls42/ai-powered-markdown-translator