Johdanto
Loin tämän verkkosivuston ensisijaisesti parantaakseni verkkokehitystaitojani. Halusin lisätä tietämystäni nykyaikaisesta verkkokehityksestä käyttämällä viitekehyksiä ja tutkittuani eri vaihtoehtoja päätin käyttää Astro-viitekehystä. Yksi syy miksi valitsin Astron on se että se on rakennettu JavaScriptillä ja TypeScriptillä ja halusin myös käyttää tätä projektia tilaisuutena oppia lisää TypeScriptistä. Lopullinen tavoitteeni on rakentaa laadukas verkkosivusto ja oppia TypeScript samalla.
Astro.build
Astro-viitekehys on suhteellisen uusi verkkokehitysviitekehys joka on suunniteltu luomaan korkean suorituskyvyn verkkosivustoja jotka latautuvat nopeasti. Yksi Astron keskeisistä ominaisuuksista on palvelinpuolen renderöinnin (SSR) käyttö jonka avulla viitekehys voi esirenderöidä suurimman osan verkkosivuston sisällöstä palvelimella ennen sen lähettämistä asiakkaalle. Tämä tarkoittaa että verkkosivusto voi latautua paljon nopeammin koska asiakkaan ei tarvitse odottaa että palvelin tuottaa sisällön ennen sen näyttämistä.
Olen nauttinut työskentelystä Astro-viitekehyksen kanssa toistaiseksi koska se on ollut erittäin helppokäyttöinen jopa aloittelijalle kuten minulle. Muutama vuosi sitten minulla oli sama idea luoda verkkosivusto ja yritin käyttää Hugo-viitekehystä. Hugo perustuu kuitenkin Go-ohjelmointikieleen mikä teki siitä paljon haastavampaa työskennellä varsinkin kun minulla ei ollut kokemusta Go:sta silloin. Koska olen kiinnostunut oppimaan JavaScriptiä huomasin että Astro oli paljon parempi vaihtoehto minulle. Se on ollut loistava tapa oppia kieltä samalla kun rakennan verkkosivustoani.
Mitä nyt?
Olen saanut verkkosivustoni perustoiminnot toimimaan. Aluksi käytin astro-paper-verkkosivupohjaa joka oli erittäin hyödyllinen. Mutta noin viikon työskenneltyäni sivuston parissa Astro Framework julkaisi version 2.0 joka sisälsi hienoja uusia ominaisuuksia jotka halusin sisällyttää. Tein joitakin muutoksia malliin sisällyttääkseni uudet ominaisuudet mutta en täysin ymmärtänyt miten kaikki toimi. Tämän seurauksena rikoin tarkoituksella suurimman osan siitä ja aloin rakentaa blogiosiota uudelleen alusta. Vaikka blogi on nyt toimiva on edelleen joitakin rikkinäisiä ominaisuuksia jotka minun täytyy korjata. Näistä haasteista huolimatta huomaan oppivani paljon tämän prosessin kautta mikä on hienoa.
tehtävälista
On vielä muutamia asioita jotka minun täytyy tehdä parantaakseni verkkosivustoa ennen kuin olen täysin tyytyväinen siihen. Toivon että saan nämä tehtävät valmiiksi nopeasti jotta voin siirtyä muihin projekteihin pelkän yksinkertaisen verkkosivuston rakentamisen jälkeen.
- Korjaa verkkosivuston etusivu.
- Lisää sisältöä Tietoa minusta -sivulle.
- Korjaa blogikirjoitusten hakutoiminto.
- Poista kaikki maininnat “Tags”.
- Lisää “luokkapilvi”-toiminto.
- Luo kunnollinen luokkasivu.
- Lisää monikielituki.
- Paranna CSS-tyyliä.
- Paranna verkkosivuston yleistä sisältöä.