I-Next.js uhlaka lwe-React lokunikezelwa kohlangothi lweseva, elenziwa ngabadali bayo njengethuluzi lokulungiselela elilodwa le-toolchain yezinhlelo zokusebenza ze-React.
Loluhlaka inikeza uhlaka olujwayelekile olukuvumela ukuthi udale kalula uhlelo lokusebenza lwe-React front-end futhi ilawula ngokusobala ukuhanjiswa kwe-server-side. I-Next.js version 9.3 yethulwe ngoMsombuluko ngezici ezintsha nokunye ukuthuthuka, lapho singathola khona amandla okwenza amasayithi amile njengobuciko obuyinhloko.
Yini okusha ku-Next.js 9.3?
Ngokukhishwa kwe-Next.js 9.0, uhlaka lwethule umqondo wokusebenziseka okuzenzakalelayo kwe-static. Lapho eyodwa ikhasi alinazo izidingo zokuvimba ukuthola idatha njenge-GetInitialProps, izonikezela ngokuzenzakalela nge-HTML uma selakhiwe.
Kunamanye amacala lapho ungahle uthande ukwenza ikhasi ku-static HTML ngesikhathi sokuhlanganisa, noma ngabe uvimbela izidingo zokukhishwa kwedatha. Lokhu kunjalo, ngokwesibonelo, kwamakhasi wokumaketha inikwa amandla uhlelo lokuphathwa kokuqukethwe (CMS).
I-Next.js 9.3 yethula izindlela ezimbili zokuthola kabusha idatha: getStaticProps kanye getServerSideProps.
Lezi zindlela ezintsha banezinzuzo eziningi ngaphezulu kwemodeli ye-GetInitialPropsnjengoba kukhona umehluko ocacile phakathi kwalokho okuzoba yi-SSG (Static Side Generation) ne-SSR (Server Side Rendering). Ziyizengezo ze-API.
Zonke izici ezintsha ziyahambisana emuva futhi ingamukelwa kancane kancane. Akukho ukwehla futhi i-GetInitialProps iyaqhubeka nokusebenza ngokujwayelekile. Ipharamitha ye-GetStaticPaths ingeziwe ukuthola umzila onamandla.
- getStaticProps: ivumela ukuthola idatha ngenkathi kwakhiwa;
- getStaticPaths - Cacisa umzila onamandla osuselwa kudatha;
- GetServerSideProps: ikuvumela ukuthi uthole idatha yesicelo ngasinye.
Olunye ushintsho olugqamile kule nguqulo entsha ukusekelwa kwemodi yokubuka kuqala. Kwethulwa i-GetStaticProps Kokulandelayo.js kuvula amathuba amasha, njengokusebenzisa i-Next.js enikezela amandla ngokufunwa ngaphansi kwezimo ezithile.
Isibonelo, lapho uhlola kuqala okusalungiswa Ku-CMS, uzofuna ukweqa ukunikezwa okuyi-static futhi nikeza ikhasi ngokufunwayo nokuqukethwe okusalungiswa esikhundleni sokuqukethwe okushicilelwe. Ufuna i-Next.js yeqe ukwakha okungama-static kuphela kuleli cala elithile. Ngokwethimba le-Next.js, imodi yokubuka kuqala ikuvumela ukuthi wenze lokhu.
Imodi ye- Ukubuka kuqala kuvumela abasebenzisi ukweqa ikhasi elenziwe ngokwezibalo ukubuyisa isicelo (i-SSR) ikhasi elisalungiswa, ngokwesibonelo kusuka ku-CMS. Noma kunjalo, akukhawulelwe ezinhlelweni ezithile ze-CMS. Imodi yokubuka kuqala ihlangana ngqo ne-GetStaticProps ne-GetServerSideProps ukuze isetshenziswe nganoma yiluphi uhlobo lwesixazululo sokuthola idatha.
I-Next.js 9.2 ingeze ukusekelwa kwe-CSS eyakhelwe ngaphakathi, kepha u-Next.js 9.3 ungeze ukuxhaswa kweSass. Amashidi wesitayela somhlaba wonke namamojula we-CSS ayasekelwa, kanye ne-CSS eshumekiwe. Okulandelayo.js manje isekela amamojula we-CSS ngamafayela weSass kusetshenziswa ifayili eliqamba igama [igama] .module.scss. Ngokungafani nosekelo olwalutholakala phambilini ku-Next.js 5+ nge-next-sass, amamojula womhlaba wonke we-Sass neCSS manje angahlangana.
Amamojula I-CSS ikuvumela ukuthi uphathe i-Sass endaweni ngokwakha ngokuzenzakalela amagama wesigaba esihlukile.
Ngenguqulo 9.0 kusuka Okulandelayo.js, bekunekhasi ebelinganikezwa ngokuzenzakalela nge-HTML static: 404 ikhasi.
Isizathu esikhulu salokhu ukuthi ikhasi lephutha elondla ama-404 liphathwe ngaphezu kwama-404. Isibonelo, liphinde laphatha amaphutha. Njengoba amakhasi angama-404 enikelwe izindlela ezingekho, Ukunikeza leli khasi ngokufunwa kungaholela ezindlekweni eziphakeme nomthwalo omkhulu iseva. Uhlobo lwe-Framework 9.3 luthuthukisa izinto futhi lunikeza ukwenziwa okuzenzakalelayo kwe-static yamakhasi angama-404.
Manje lapho isicelo sakho singafaki ikhasi langokwezifiso le-error.js, ifayela I-Next.js ikhiqiza ngokuzenzakalela ikhasi lama-404 ngokwezibalo futhi iyisebenzisa lapho kufanele inikezwe i-404. Lokhu kwenzeka ngokuzenzakalela futhi akukho zinguquko ezidingekayo.
Ungakwazi futhi ukwenza ngokwezifiso leli khasi. Ukufaka esikhundleni sekhasi elizenzakalelayo le-404, ungakha ifayili le-404.
Uma ufuna ukwazi kabanzi ngakho, ungaxhumana isixhumanisi esilandelayo.