Next.js je React okvir za generiranje na strani poslužitelja, koji su njegovi tvorci predstavili kao jednostruki naredbeni alatni niz za reagiranje u aplikacijama React.
Ovaj okvir pruža zajedničku strukturu koja vam omogućuje da lako stvorite React prednju aplikaciju i transparentno upravlja prikazivanjem na strani poslužitelja. Next.js verzija 9.3 pokrenuta je u ponedjeljak s novim značajkama i nekim poboljšanjima, od kojih kao glavnu novost možemo pronaći sposobnost generiranja statičnih web stranica.
Što je novo u programu Next.js 9.3?
Izlaskom Next.js 9.0, okvir je predstavio koncept statičke automatske optimizacije. Kada a stranica nema zahtjeva za blokiranje oporavak podataka poput getInitialProps, automatski će se prikazati u HTML-u nakon što je izgrađena.
Postoje i drugi slučajevi u kojima biste možda htjeli napraviti stranicu u statičnom HTML-u u vrijeme sastavljanja, čak i uz blokiranje zahtjeva za izvlačenjem podataka. To je slučaj, na primjer, s marketinškim stranicama pokreće sustav upravljanja sadržajem (CMS).
Next.js 9.3 predstavlja dvije nove metode oporavka podataka: getStaticProps i getServerSideProps.
Ove nove metode imaju mnogo prednosti u odnosu na model getInitialPropsjer postoji jasna razlika između onoga što će postati SSG (Static Side Generation) i SSR (Server Side Rendering). Oni su dodaci API-ju.
Sve nove značajke kompatibilne su s unatrag i mogu se usvajati postupno. Nema amortizacije i getInitialProps nastavlja raditi normalno. Za dobivanje dinamičkog usmjeravanja dodan je parametar getStaticPaths.
- getStaticProps: omogućuje dobivanje podataka tijekom gradnje;
- getStaticPaths - Navedite dinamičko usmjeravanje na temelju podataka;
- getServerSideProps: omogućuje vam dobivanje podataka za svaki zahtjev.
Još jedna promjena koja se izdvaja od ove nove verzije je podrška za način pregleda. Predstavljamo vam getStaticProps u Next.js otvara nove mogućnosti, kao što je korištenje mogućnosti generiranja Next.js na zahtjev pod određenim uvjetima.
Npr. prilikom pregleda skice U CMS-u ćete htjeti preskočiti statičko prikazivanje i prikazati stranicu na zahtjev s nacrtom sadržaja umjesto objavljenog sadržaja. Želite da Next.js preskoči statičku izgradnju samo u ovom konkretnom slučaju. Prema timu Next.js, način pregleda omogućuje vam to.
Način rada pregled omogućuje korisnicima preskakanje generirane stranice statički vratiti na zahtjev (SSR) skicu stranice, na primjer iz CMS-a. Međutim, nije ograničen na određene CMS sustave. Način pregleda integrira se izravno s getStaticProps i getServerSideProps tako da se može koristiti s bilo kojom vrstom rješenja za oporavak podataka.
Next.js 9.2 dodao je podršku za ugrađeni CSS, ali Next.js 9.3 dodao je podršku za Sass. Podržani su globalni listovi stilova i CSS moduli, kao i ugrađeni CSS. Next.js sada podržava CSS module sa Sass datotekama koristeći konvenciju [name] .module.scss o imenovanju datoteka. Za razliku od podrške koja je prethodno bila dostupna u Next.js 5+ s next-sass, globalni Sass i CSS moduli sada mogu koegzistirati.
Moduli CSS vam omogućuje lokalno upravljanje Sassom automatskim stvaranjem jedinstvenih imena klasa.
S verzijom 9.0 iz Next.js, postojala je stranica koja nije automatski prikazana u HTML-u statički: 404 stranica.
Glavni razlog tome je što je stranica s pogreškama koja unosi 404 obrađena više nego 404. Na primjer, obrađena je i pogreška. Budući da se 404 stranice generiraju za nepostojeće staze, prikazivanje stranice na zahtjev moglo bi dovesti do većih troškova i većeg opterećenja poslužitelj. Okvirna verzija 9.3 poboljšava stvari i nudi automatsku statičku optimizaciju za 404 stranice.
Sada, kada vaš zahtjev ne uključuje prilagođenu stranicu error.js, datoteka Next.js automatski generira 404 stranice statički i koristi ga kada treba poslužiti 404. To se događa automatski i nisu potrebne promjene.
Ovu stranicu također možete prilagoditi. Da bi se zamijenila zadana stranica 404, može se stvoriti datoteka 404.js.
Ako želite znati više o tome, možete se posavjetovati sljedeći link.