{"componentChunkName":"component---src-my-posts-post-tsx","path":"/ohanhimaki-2020","result":{"data":{"__typename":"Query","markdownRemark":{"id":"35d83ec1-7103-5bf5-a815-50922cf886f4","html":"<h2>OHanhimaki2020</h2>\n<p>Omat sivut toteutettu uudelleen uudella stackillä. Mukana mm. GatsbyJS ja Tailwindcss.</p>\n<p>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.</p>\n<p>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.</p>\n<p>Sivut hostataan Netlifyssä. Kun master branchiin pushataan uusi committi niin Netlify automaattisesti buildaa sivustosta uuden version.</p>\n<p>Reactissa käytetään typescriptiä.</p>\n<p>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.</p>","timeToRead":1,"frontmatter":{"title":"Omat sivut uudella stackillä","date":"2020-01-24","tags":["GatsbyJS","Tailwind","Netlify"],"path":"ohanhimaki-2020","excert":"Omat sivut toteutettu uudella stackillä ja hostattu netlifyyn. Projektista on muodostunut hiekkalaatikko erilaisten apien testaukselle.","repo":"ohanhimaki/ohanhimaki2020"}}},"pageContext":{"isCreatedByStatefulCreatePages":false}}}