Skip to content

Intro

Jeg oprettede denne hjemmeside primært for at forbedre mine webudviklingsevner. Jeg ønskede at øge min viden om moderne webudvikling ved hjælp af frameworks og efter at have undersøgt forskellige muligheder besluttede jeg at bruge Astro-frameworket. En af grundene til at jeg valgte Astro er fordi det er bygget med JavaScript og TypeScript og jeg ønskede også at bruge dette projekt som en mulighed for at lære mere om TypeScript. I sidste ende er mit mål at bygge en kvalitetshjemmeside og lære TypeScript undervejs.

Astro.build

https://astro.build/

Astro-frameworket er et relativt nyt webudviklingsframework der er designet til at skabe højtydende hjemmesider der indlæses hurtigt. En af de vigtigste funktioner ved Astro er brugen af server-side rendering (SSR) som gør det muligt for frameworket at forhåndsgengive det meste af hjemmesidens indhold på serveren før det sendes til klienten. Det betyder at hjemmesiden kan indlæses meget hurtigere fordi klienten ikke skal vente på at serveren genererer indholdet før det vises.

Jeg har nydt at arbejde med Astro-frameworket indtil videre da det har været meget nemt at bruge selv for en begynder som mig. For et par år siden havde jeg den samme idé om at skabe en hjemmeside og forsøgte at bruge Hugo-frameworket. Hugo er dog baseret på Go hvilket gjorde det meget mere udfordrende at arbejde med især da jeg ikke havde nogen erfaring med Go på det tidspunkt. Da jeg er interesseret i at lære JavaScript fandt jeg at Astro var en meget bedre mulighed for mig. Det har været en fantastisk måde at lære sproget på mens jeg bygger min hjemmeside.

Hvad nu?

Jeg har fået den grundlæggende funktionalitet på min hjemmeside til at fungere. Oprindeligt brugte jeg astro-paper webskabelonen hvilket var meget nyttigt. Men efter cirka en uges arbejde på siden udgav Astro Framework version 2.0 som indeholdt nogle fede nye funktioner jeg ønskede at inkorporere. Jeg foretog nogle ændringer i skabelonen for at inkludere de nye funktioner men jeg forstod ikke fuldt ud hvordan alt fungerede. Som et resultat brød jeg bevidst det meste af det og begyndte at genopbygge blogsektionen fra bunden. Selvom bloggen er funktionel nu er der stadig nogle ødelagte funktioner jeg skal rette. På trods af disse udfordringer oplever jeg at jeg lærer meget gennem denne proces hvilket er fantastisk.

todo liste

Der er stadig et par ting jeg skal gøre for at forbedre hjemmesiden før jeg er helt tilfreds med den. Jeg håber at jeg kan fuldføre disse opgaver hurtigt så jeg kan gå videre til andre projekter ud over blot at bygge en enkel hjemmeside.

  • Fix forsiden af hjemmesiden.
  • Tilføj indhold til Om mig-siden.
  • Fix søgefunktionaliteten for blogindlæg.
  • Fjern alle omtaler af “Tags”.
  • Tilføj en “kategori-sky”-funktion.
  • Opret en ordentlig kategoriside.
  • Tilføj understøttelse af flere sprog.
  • Forbedre CSS-stylingen.
  • Forbedre det overordnede hjemmesideindhold.