GitHub - Karanteeni/karanteeni.github.io: Karanteenin kotisivut

Karanteeni

React sivut (next.js)

Minecraft yhteisö Karanteenin verkkosivut.

Kehitysvaatimukset

Node.js >= 17
Perusosaaminen verkkokehittämisestä
Perusosaaminen Reactista ja TypeScriptistä (Javasript osaaminen tod.näk. riittää)

Kehitysympäristön asentaminen

npm install
npm run dev

Tuotantoversion rakentaminen

npm run build

(.github/workflows kansiossa scripti, jolla github automaattisesti rakentaa sivun tuotantoon)

Rakenne

karanteeni.github.io/
├── posts/
│   ├── Sisältää sivuston dynaamiset markdown julkaisut
│   └── Todella helppo luoda ja päivittää. [Perus markdown ohjeet](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax)
├── pages/
│   └── Sisältää sivuston [Next.js](https://nextjs.org/) sivut
├── data/
|   ├── Päivitettävän datan koti, tiedot lahjoittajista etc
|   └── Perus JSON tiedostoja. Muokkaaminen ei vaadi juuri mitään aiempaa osaamista.
├── styles/
|   ├── CSS tyylitiedostot
|   └── Suosittelen kokeilemaan tyylien muokkaamista.
├── components/
|   └── Erilliset React komponentit. (Vaatii jo keskitason React ymmärrystä)
├── lib/
|   └── Satunnaiset sivuston taustatoiminnot. (Vaatii hieman syvempää perehtymistä)
└── public/
    └── Muut sivuston tarvitsevat tiedostot. Kuvat, fontit etc.