Wydana 9 marca nowa aktualizacja Next.js 9.3 zawiera ulepszone statyczne generowanie i podgląd strony, dodaje obsługę Sass w krótszym czasie działania.

Next.js 9.3 jest wszechstronnym narzędziem do budowania dynamicznych stron WWW. Programiści wybierają ten framework ceniąc jego statycznie generowane i renderowane przez serwer aplikacje React. Ponadto posiada się kontrolę nad Babel i Webpack.

Przede wszystkim aktualizacja wprowadza trzy nowe metody. Mają one rozróżnić co stanie się SSG(strona generowana statycznie), a co zostanie SSR (strona renderowana na serwerze).

Pierwsza metoda zawarta w Next.js 9.3, getStaticProps jest funkcją asynchroniczną, obliczającą rekwizyty przekazane do komponentu strony. Określa ona również dynamiczne trasy do wstępnego renderowania na podstawie danych.

Druga funkcja — getStaticPaths, oblicza liczbę ścieżek, które muszą być renderowane do HTML w czasie kompilacji. Dodatkowo, określa zachowanie awaryjne gdy użytkownik aplikacji prowadzi do ścieżki, której nie uwzględniono w ich wygenerowanej liście. Ostatnia metoda — getServerSideProps, prowadzi do wyświetlenia przez Next.js strony na nowo przy każdym żądaniu (SSR). Jest to funkcja działająca zawsze po stronie serwera, odbiera także parametr contex złożony z parametrów trasy, obiektów żądania i odpowiedzi oraz ciągu zapytania.

Aktualizacja Next.js 9.3 wprowadza także wbudowaną obsługę Sass dla globalnych arkuszy stylów. Aplikacje mogą teraz bezpośrednio importować pliki .scss jako globalne arkusze stylów.

Źródła: Info World, InfoQ.