React sivut (next.js)
Minecraft yhteisö Karanteenin verkkosivut.
- Node.js >= 17
- Perusosaaminen verkkokehittämisestä
- Perusosaaminen Reactista ja TypeScriptistä (Javasript osaaminen tod.näk. riittää)
npm install
npm run devnpm run build(.github/workflows kansiossa scripti, jolla github automaattisesti rakentaa sivun tuotantoon)
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 kiitoksista 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.
/pages/_app.tsx tiedostossa voi valita sivustolla käytettävän teeman muuttamalla pois-kommentoituja css-tiedostoja.
/components/home/serverstatus.tsx tiedostossa suunnilleen rivillä 38 voi vaihtaa näytettävää versiota
sijainti itseselitteinen
Huomioitavaa, että reseptikuvat kuuluu laittaa /public/images/recipes, jotta sivu osaa käyttää niitä.
ymmärrettävissä, jos hieman tarkastelee json tiedostoa
muut json tiedostot data kansiossa eivät ole varsinaisesti käytössä, mutta tallella varmuuden vuoksi.