OHanhimaki2020

Omat sivut toteutettu uudelleen uudella stackillä. Mukana mm. GatsbyJS ja Tailwindcss.

GatsbyJS generoi stattisia sivuja cms:sistä, apeista tai vaikka Markdown-tiedostoista. Sivuilla sitä on hyödynnetty blogiosuuden generointiin. Postaukset lisätään repositoryyn ja buildausvaiheessa niistä muodostetaan staattinen sivu. Staattinen sivu muodostetaan myös "postaukset"-sivusta.

Tailwindcss on css-kirjasto jossa on paljon valmiiksi määriteltyjä luokkia. Luokat on yksinkertaisia, mutta niitä joutuu yleensä käyttämään useampaa saavuttaakseen haluamansa lopputuloksen.

Sivut hostataan Netlifyssä. Kun master branchiin pushataan uusi committi niin Netlify automaattisesti buildaa sivustosta uuden version.

Reactissa käytetään typescriptiä.

Buildatessa ajetaan purgecss, se poistaa käyttämättömiä luokkia. PurgeCSS on tailwindcss:sää käytettäessä tärkeää, sillä poistetaan projektista riippuen suuria määriä tailwindcss:n käyttämättömiä luokkia.