Next.js je React okvir za generiranje na strani servera, koji su njegovi tvorci predstavili kao jednostruki komandni lanac alata za reagiranje za React aplikacije.
Ovaj okvir pruža zajedničku strukturu koja vam omogućava da lako kreirate React front-end aplikaciju i transparentno upravlja prikazivanjem na strani servera. 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 mogućnost generiranja statičkih web lokacija.
Što je novo u programu Next.js 9.3?
Izdanjem 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 se izgradi.
Postoje i drugi slučajevi u kojima biste možda željeli napraviti stranicu u statičnom HTML-u za vrijeme kompajliranja, čak i uz blokiranje zahtjeva za izvlačenjem podataka. To je slučaj, na primjer, sa marketinškim stranicama pokreće sistem za upravljanje 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 za API.
Sve nove funkcije su kompatibilne sa unazad mogu se usvajati postepeno. Nema amortizacije i getInitialProps nastavlja normalno raditi. Za dobivanje dinamičkog usmjeravanja dodan je parametar getStaticPaths.
- getStaticProps: omogućava dobivanje podataka tokom gradnje;
- getStaticPaths - Navedite dinamičko usmjeravanje zasnovano na podacima;
- getServerSideProps: omogućava 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.
Na primjer, prilikom pregleda nacrta 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ćava vam to.
Način rada Pregled omogućava korisnicima da preskoče generiranu stranicu statički vratiti na zahtjev (SSR) skicu stranice, na primjer iz CMS-a. Međutim, nije ograničen na određene CMS sisteme. 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 je dodao podršku za ugrađeni CSS, ali Next.js 9.3 je dodao 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+ sa next-sass, globalni Sass i CSS moduli sada mogu koegzistirati.
Moduli CSS vam omogućava lokalno upravljanje Sassom automatskim kreiranjem jedinstvenih imena klasa.
Sa verzijom 9.0 od 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 uvlači 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 server. 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 generiše 404 stranicu statički i koristi ga kada treba poslužiti 404. To se događa automatski i nisu potrebne promjene.
Ovu stranicu možete i prilagoditi. Da biste zamijenili zadanu stranicu 404, možete stvoriti datoteku 404.js.
Ako želite znati više o tome, možete se posavjetovati sljedeći link.