Inhoudsopgave

Intro

Ik heb deze website voornamelijk gemaakt om mijn webontwikkelingsvaardigheden te verbeteren. Ik wilde mijn kennis van moderne webontwikkeling met behulp van frameworks vergroten, en na verschillende opties te hebben onderzocht, besloot ik het Astro-framework te gebruiken. Een van de redenen waarom ik voor Astro koos, is omdat het is gebouwd met JavaScript en TypeScript. Ik wilde ook van dit project gebruikmaken om meer te leren over TypeScript. Uiteindelijk is mijn doel om een kwalitatieve website te bouwen en onderweg TypeScript te leren.

Astro.build

https://astro.build/ Het Astro-framework is een relatief nieuw webontwikkelingsframework dat is ontworpen om snel ladende websites van hoge prestaties te creëren. Een van de belangrijkste kenmerken van Astro is het gebruik van server-side rendering (SSR), waardoor het framework het grootste deel van de inhoud van de website op de server kan voorrenderen voordat het naar de client wordt gestuurd. Dit betekent dat de website veel sneller kan laden, omdat de client niet hoeft te wachten tot de server de inhoud heeft gegenereerd voordat deze wordt weergegeven.

Tot nu toe geniet ik van het werken met het Astro-framework, omdat het zelfs voor een beginner zoals ik heel gemakkelijk te gebruiken is geweest. Een paar jaar geleden had ik dezelfde gedachte om een website te maken en probeerde ik het Hugo-framework te gebruiken. Hugo is echter gebaseerd op Go, wat het veel uitdagender maakte om mee te werken, vooral omdat ik destijds geen ervaring had met Go. Omdat ik geïnteresseerd ben om JavaScript te leren, vond ik Astro een veel betere optie voor mij. Het is een geweldige manier gebleken om de taal te leren terwijl ik mijn website bouw.

En nu?

Ik heb de basisfunctionaliteit van mijn website weten te laten werken. In het begin gebruikte ik het astro-paper website-template, wat erg nuttig was. Echter, na ongeveer een week werken aan de site, bracht het Astro Framework versie 2.0 uit, met enkele coole nieuwe functies die ik wilde opnemen. Ik heb enkele wijzigingen aangebracht in het template om de nieuwe functies toe te voegen, maar ik begreep niet helemaal hoe alles werkte. Hierdoor heb ik opzettelijk het meeste ervan kapot gemaakt en ben ik opnieuw begonnen met het opbouwen van het bloggedeelte. Hoewel de blog nu functioneel is, zijn er nog steeds enkele defecte functies die ik moet repareren. Ondanks deze uitdagingen merk ik dat ik veel leer in dit proces, wat geweldig is.

Takenlijst

Er zijn nog een paar dingen die ik moet doen om de website te verbeteren voordat ik er helemaal tevreden mee ben. Ik hoop dat ik deze taken snel kan voltooien, zodat ik verder kan gaan met andere projecten dan alleen het bouwen van een eenvoudige website.

• Repareer de voorpagina van de website.
• Voeg inhoud toe aan de Over Mij-pagina.
• Repareer de zoekfunctionaliteit voor blogberichten.
• Verwijder alle vermeldingen van “Tags”.
• Voeg een functie voor een “categorieënoverzicht” toe.
• Maak een degelijke categoriepagina.
• Voeg ondersteuning toe voor meerdere talen.
• Verbeter de CSS-styling.
• Versterk de algehele inhoud van de website.