Next.js ir React ietvars servera puses renderēšanai, kuru tās veidotāji piedāvā kā nulles konfigurācijas vienkomandu rīkjoslu React lietojumprogrammām.
Šis rāmis nodrošina kopēju struktūru, kas ļauj viegli izveidot React priekšgala lietojumprogrammu un pārredzami pārvalda renderēšanu servera pusē. Next.js versija 9.3 tika uzsākta pirmdien ar jaunām funkcijām un dažiem uzlabojumiem, no kuriem kā galveno jaunumu varam atrast iespēju ģenerēt statiskas vietnes.
Kas jauns Next.js 9.3 versijā?
Ar Next.js 9.0 izlaišanu ietvarstruktūrā tika ieviesta statiskās automātiskās optimizācijas koncepcija. Kad a lapā nav bloķēšanas prasību datu atkopšana, piemēram, getInitialProps, automātiski renderē HTML formātā kad tas ir uzbūvēts.
Ir arī citi gadījumi, kad jūs, iespējams, vēlēsities sastādīt lapu statiskā HTML formātā apkopošanas laikā, pat ja tiek bloķētas datu ieguves prasības. Tas attiecas, piemēram, uz mārketinga lapām nodrošina satura pārvaldības sistēma (CMS).
Next.js 9.3 ievieš divas jaunas datu atkopšanas metodes: getStaticProps un getServerSideProps.
Šīs jaunās metodes viņiem ir daudz priekšrocību salīdzinājumā ar getInitialProps modelijo ir skaidra atšķirība starp to, kas kļūs par SSG (Static Side Generation) un SSR (Server Side Rendering). Tie ir API papildinājumi.
Visas jaunās funkcijas ir atpakaļ savietojamas un tos var pieņemt pakāpeniski. Nav nolietojuma, un getInitialProps turpina darboties normāli. Lai iegūtu dinamisko maršrutēšanu, ir pievienots parametrs getStaticPaths.
- getStaticProps: ļauj iegūt datus būvniecības laikā;
- getStaticPaths - norādiet uz datiem balstītu dinamisko maršrutēšanu;
- getServerSideProps: ļauj iegūt datus par katru pieprasījumu.
Vēl viena izmaiņa, kas izceļas no šīs jaunās versijas, ir priekšskatījuma režīma atbalsts. Iepazīstinām ar getStaticProps sadaļā Next.js paver jaunas iespējas, piemēram, izmantojot Next.js renderēšanas iespējas pēc pieprasījuma noteiktos apstākļos.
Piemēram priekšskatot melnrakstu CMS vēlaties izlaist statisko renderēšanu un renderēt lapu pēc pieprasījuma ar satura melnrakstu publicētā satura vietā. Jūs vēlaties, lai Next.js izlaistu statisko veidošanu tikai šajā konkrētajā gadījumā. Pēc Next.js komandas domām, priekšskatījuma režīms ļauj to izdarīt.
Režīms priekšskatījums ļauj lietotājiem izlaist izveidoto lapu statiski, lai pēc pieprasījuma (SSR) atgrieztu melnraksta lapu, piemēram, no CMS. Tomēr tas neaprobežojas tikai ar dažām CMS sistēmām. Priekšskatījuma režīms tiek tieši integrēts ar getStaticProps un getServerSideProps, tāpēc to var izmantot ar jebkura veida datu atkopšanas risinājumiem.
Next.js 9.2 pievienoja atbalstu iebūvētajai CSS, bet Next.js 9.3 pievienoja atbalstu Sass. Tiek atbalstītas globālā stila lapas un CSS moduļi, kā arī iegultā CSS. Next.js tagad atbalsta CSS moduļus ar Sass failiem izmantojot faila nosaukumu nosaukumu [name] .module.scss. Atšķirībā no atbalsta, kas iepriekš bija pieejams Next.js 5+ ar next-sass, globālie Sass un CSS moduļi tagad var pastāvēt līdzās.
Moduļi CSS ļauj pārvaldīt Sass lokāli, automātiski izveidojot unikālus klases nosaukumus.
Ar versiju 9.0 no Next.js, bija lapa, kas netika automātiski atveidota HTML formātā statisks: 404 lpp.
Galvenais iemesls tam ir tas, ka kļūdu lapa, kas baro 404, tika apstrādāta vairāk nekā 404. Piemēram, tā rīkojās arī ar kļūdām. Tā kā 404 lapas tiek renderētas par neeksistējošiem ceļiem, lapas renderēšana pēc pieprasījuma var izraisīt lielākas izmaksas un lielāku slodzi serveris. Framework 9.3 uzlabo lietas un piedāvā automātisku statisko optimizāciju par 404 lappusēm.
Tagad, kad jūsu pieprasījumā nav iekļauta custom.js pielāgošanas lapa, fails Next.js automātiski ģenerē 404 lapas statiski un to izmanto, kad jāapkalpo 404. Tas notiek automātiski, un izmaiņas nav nepieciešamas.
Jūs varat arī pielāgot šo lapu. Lai aizstātu noklusējuma 404 lapu, var izveidot failu 404.js.
Ja vēlaties uzzināt vairāk par to, varat konsultēties šo saiti.