Next.js është një kornizë React për interpretimin nga ana e serverit, të cilin krijuesit e saj e paraqesin si një vegël komande e vetme e konfigurimit zero për aplikimet React.
Kjo kornizë siguron një strukturë të përbashkët që ju lejon të krijoni me lehtësi një aplikacion React front-end dhe në mënyrë transparente menaxhon pasqyrimin nga ana e serverit. Versioni 9.3.s i Next.js u lëshua të hënën me karakteristika të reja dhe disa përmirësime, nga të cilat ne do të jemi në gjendje të gjejmë aftësinë për të gjeneruar faqe statike si risinë kryesore.
Çfarë ka të re në Next.js 9.3?
Me lëshimin e Next.js 9.0, korniza prezantoi konceptin e optimizimit automatik statik. Kur një faqja nuk ka kërkesa bllokimi rikuperimi i të dhënave si getInitialProps, do të jepet automatikisht në HTML sapo të jetë ndërtuar.
Ka raste të tjera kur ju mund të dëshironi të bëni një faqe në HTML statike në kohën e përpilimit, madje edhe me bllokimin e kërkesave për nxjerrjen e të dhënave. Ky është rasti, për shembull, i faqeve të marketingut mundësuar nga një sistem i menaxhimit të përmbajtjes (CMS).
Next.js 9.3 prezanton dy metoda të reja të rikuperimit të të dhënave: getStaticProps dhe getServerSideProps.
Këto metoda të reja ato kanë shumë përparësi në krahasim me modelin getInitialPropsPasi ekziston një dallim i qartë midis asaj që do të bëhet SSG (Static Side Generation) dhe SSR (Server Side Rendering). Ato janë shtesa të API-së.
Të gjitha tiparet e reja janë të pajtueshme me prapa mund të miratohet gradualisht. Nuk ka asnjë amortizim dhe getInitialProps vazhdon të punojë normalisht. Parametshtë shtuar një parametër getStaticPaths për të marrë një kurs dinamik.
- getStaticProps: lejon marrjen e të dhënave gjatë ndërtimit;
- getStaticPaths - Specifikoni kursin dinamik të bazuar në të dhëna;
- getServerSideProps: ju lejon të merrni të dhëna për secilën kërkesë.
Një tjetër ndryshim që dallon nga ky version i ri është mbështetja për mënyrën e pamjes paraprake. Futja e getStaticProps në Next.js hap mundësi të reja, të tilla si përdorimi i aftësive të pasqyrimit Next.js sipas kërkesës në kushte të caktuara.
P.sh. kur shikoni paraprakisht një draft Në një CMS, do të dëshironi të kapërceni paraqitjen statike dhe jep faqen sipas kërkesës me përmbajtje drafti në vend të përmbajtjes së botuar. Ju dëshironi që Next.js të kapërcejë ndërtimin statik vetëm në këtë rast specifik. Sipas ekipit Next.js, modaliteti i pamjes paraprake ju lejon ta bëni këtë.
Mënyra e vrojtimi paraprak lejon përdoruesit të kapërcejnë faqen e krijuar statikisht për të kthyer sipas kërkesës (SSR) një faqe drafti, për shembull nga një CMS. Sidoqoftë, nuk është i kufizuar në disa sisteme CMS. Modaliteti i pamjes paraprake integrohet drejtpërdrejt me getStaticProps dhe getServerSideProps në mënyrë që të mund të përdoret me çdo lloj zgjidhjeje për rikuperimin e të dhënave.
Next.js 9.2 shtoi mbështetjen për CSS të integruar, por Next.js 9.3 shtoi mbështetjen për Sass. Janë mbështetur fletët e stilit global dhe modulet CSS, si dhe CSS të ngulitura. Next.js tani mbështet modulet CSS me skedarë Sass duke përdorur konventën e emërtimit të skedarit [name] .module.scss. Ndryshe nga mbështetja e disponueshme më parë në Next.js 5+ me next-sass, modulet globale Sass dhe CSS tani mund të bashkëjetojnë.
Modulet CSS ju lejon të menaxhoni Sass lokalisht duke krijuar automatikisht emra unikë të klasave.
Me versionin 9.0 nga Next.js, kishte një faqe që nuk u dha automatikisht në HTML statike: 404 faqe.
Arsyeja kryesore prapa kësaj është se faqja e gabimit që ushqen 404 u trajtua më shumë sesa 404. Për shembull, ajo gjithashtu trajtoi gabime. Meqenëse 404 faqe janë dhënë për shtigje inekzistente, dhënia e faqes sipas kërkesës mund të çojë në kosto më të larta dhe ngarkesë më të lartë server. Versioni kornizë 9.3 përmirëson gjërat dhe ofron optimizim automatik statik për 404 faqe.
Tani kur kërkesa juaj nuk përfshin një faqe të personalizuar error.js, skedari Next.js gjeneron automatikisht 404 faqe statikisht dhe e përdor atë kur duhet të shërbehet një 404. Kjo ndodh automatikisht dhe nuk kërkohen ndryshime.
Ju gjithashtu mund ta personalizoni këtë faqe. Për të zëvendësuar faqen e paracaktuar 404, mund të krijoni një skedar 404.js.
Nëse doni të dini më shumë rreth kësaj, mund të konsultoheni lidhja e mëposhtme.