Skip to content

Intro

Jeg laget denne nettsiden primært for å forbedre webutviklingsferdighetene mine. Jeg ønsket å øke kunnskapen min om moderne webutvikling ved å bruke rammeverk og etter å ha undersøkt ulike alternativer bestemte jeg meg for å bruke Astro-rammeverket. En av grunnene til at jeg valgte Astro er fordi det er bygget med JavaScript og TypeScript og jeg ønsket også å bruke dette prosjektet som en mulighet til å lære mer om TypeScript. Til syvende og sist er målet mitt å bygge en kvalitetsnettside og lære TypeScript underveis.

Astro.build

https://astro.build/

Astro-rammeverket er et relativt nytt webutviklingsrammeverk som er designet for å lage høyytelsesnettsider som lastes raskt. En av nøkkelfunksjonene til Astro er bruken av server-side rendering (SSR) som lar rammeverket forhåndsgengi mesteparten av nettstedets innhold på serveren før det sendes til klienten. Dette betyr at nettsiden kan lastes mye raskere fordi klienten ikke trenger å vente på at serveren skal generere innholdet før den viser det.

Jeg har hatt glede av å jobbe med Astro-rammeverket så langt da det har vært veldig enkelt å bruke selv for en nybegynner som meg. For noen år siden hadde jeg den samme ideen om å lage en nettside og prøvde å bruke Hugo-rammeverket. Men Hugo er basert på Go noe som gjorde det mye mer utfordrende å jobbe med spesielt siden jeg ikke hadde noen erfaring med Go på den tiden. Siden jeg er interessert i å lære JavaScript fant jeg ut at Astro var et mye bedre alternativ for meg. Det har vært en fin måte å lære språket på mens jeg bygger nettsiden min.

Hva nå?

Jeg har fått den grunnleggende funksjonaliteten på nettsiden min til å fungere. Opprinnelig brukte jeg astro-paper nettsidemalen som var veldig nyttig. Men etter omtrent en ukes arbeid på nettsiden ga Astro Framework ut versjon 2.0 som inneholdt noen kule nye funksjoner jeg ønsket å innlemme. Jeg gjorde noen endringer i malen for å inkludere de nye funksjonene men jeg forsto ikke fullt ut hvordan alt fungerte. Som et resultat brøt jeg bevisst mesteparten av det og begynte å gjenoppbygge bloggdelen fra bunnen av. Selv om bloggen er funksjonell nå er det fortsatt noen ødelagte funksjoner jeg må fikse. Til tross for disse utfordringene lærer jeg mye gjennom denne prosessen noe som er flott.

gjøremålsliste

Det er fortsatt noen få ting jeg må gjøre for å forbedre nettsiden før jeg er helt fornøyd med den. Jeg håper at jeg kan fullføre disse oppgavene raskt slik at jeg kan gå videre til andre prosjekter utover bare å bygge en enkel nettside.

  • Fiks forsiden av nettsiden.
  • Legg til innhold på Om meg-siden.
  • Fiks søkefunksjonaliteten for blogginnlegg.
  • Fjern alle omtaler av “Tags”.
  • Legg til en “kategori-sky”-funksjon.
  • Lag en skikkelig kategoriside.
  • Legg til støtte for flere språk.
  • Forbedre CSS-stylingen.
  • Forbedre det generelle nettstedets innhold.