Tuotantotila NextJS-kehyksessä
Tuotantotila on tarkoitettu projektin käynnistämiseen isännöintipalvelussa. Tämän tilan päätavoite on taata projektin suorituskyky ja turvallisuus, sekä vähentää ladattavien tiedostojen määrää säästääkseen järjestelmämuistia.
Tuotantotilan pääominaisuudet:
- Koodin optimointi - ennen käynnistystä tuotantotilassa koodi käännetään. Esimerkiksi JavaScript ja CSS minifioidaan vähentääkseen niiden kokoa ja nopeuttaa sivun latausta.
- Staattinen generointi - kehys generoi sivut etukäteen, mikä nopeuttaa niiden latautumista verkkosivulla.
- Kuvien optimointi, jotka automaattisesti pakataan ja sovitetaan eri näytön kokoihin ja laitteisiin.
- Vianjäljitystiedon poisto - kaikki virheenkorjauskoodi poistetaan selainsivuilta. Tämä on tarpeen projektin turvalliseen toimintaan ja tiedostorakenteen tiedon piilottamiseksi käyttäjiltä.
- Päivittäisen uudelleenlatauksen puute - toisin kuin kehitystilassa, täällä ei ole automaattista uudelleenlatausta jokaiseen tehtyyn muutokseen.
Tuotantotila käynnistetään kahdella komennolla. Aluksi täytyy suorittaa projektin tuotantokoonpano:
npm run build
Ja sitten käynnistää koottu projekti:
npm start
Projektin käynnistämisen jälkeen näet tiedon projektin perusrakenteesta. Erikoismerkeillä merkitään projektin sisällön tyypit - staattinen ja dynaaminen. Tällä hetkellä meillä on vain staattista sisältöä.
Kokeile käynnistää projekti tuotantotilassa.
Sammuta tuotantotila ja käynnistä kehitystila. Seuraavissa oppitunneissa työskentelemme juuri tässä tilassa.