Ce este SSG si ISR?

SSG inseamna Static Site Generation. Aceasta inseamna ca unele sau toate paginile aplicatiei sunt pre-rendate in timpul construirii si sunt stocate si livrate ca active statice (fisiere JS, CSS si HTML) catre browser. Aceasta este filozofia aplicatiilor JamStack (https://jamstack.org/), care reprezinta prezentul si viitorul aplicatiilor web.

Sa ne gandim impreuna: daca aplicatia este pre-redata in timpul construirii, aplicatia preia date din API-urile lor si Next.js genereaza codul HTML cu acele date pe partea serverului. Dar… ce se intampla daca mai tarziu, datele din API se schimba?

Trebuie sa rulam o noua versiune a aplicatiei pentru a crea un fisier HTML proaspat, astfel incat utilizatorii sa vada noile date atunci cand incarca aplicatia? Nu. Din fericire, Next.js ne ofera o solutie: Regenerarea incrementala a site-ului (ISR).

Conform documentelor (https://nextjs.org/docs/basic-features/data-fetching#incremental-static-regeneration):

Next.js va permite sa creati sau sa actualizati pagini statice dupa ce v-ati creat site-ul. Regenerarea statica incrementala (ISR) va permite sa utilizati generarea statica pe pagina, fara a fi nevoie sa reconstruiti intregul site. Cu ISR, puteti pastra beneficiile statice in timp ce scalati la milioane de pagini.

Vom explora cum sa folosim aceste instrumente in sectiunile ulterioare, cand vom construi o aplicatie demonstrativa.