Next JS Flashcards
[Next] Waarom kun je geen dynamisch gegenereerd unieke key gebruiken in een map functie?
Omdat je werkt met server en client side rendering, waardoor je twee random key values krijgt.
Laden van pagina is render 1, is key ABC123.
Rerender component op client side is render 2, is key A1B2C3.
ABC123 != A1B2C3
[Next JS] hoe ga je om met taal en website omgevingen?
Je vangt dit altijd af middels ENV variabelen. Of het nu gaat om scripts, IDs etc.
[NEXT] Wat betekent _ in _app als map of bestand binnen een Next Js applicatie?
Dat deze bestanden en mappen privé zijn. En laat andere programmeurs weten dat deze bestanden en mappen niet aangeroepen mogen worden. Want het kan nog wel aangeroepen worden.
[next js] wanneer yarn install?
Als er dependencies zijn ge-update
Hoe draait een next js applicatie op de server?
Deze voert een next start uit na een next build binnen een node sever die wie op zijn beurt in een docker omgeving hangt.
Wat is SSG en hoe werkt het?
Static site generation, HTML pagina’s worden tijdens de build fase gegenereerd. En vaak gecached.
Voor content die niet vaak verandert.
Wat is SSR en hoe werkt het?
Server Side Generation, HTML wordt op de server gegenereerd op iedere aanvraag. Geschikt voor dynamische data die je scherm updaten.
Wat is ISR en hoe werkt het?
Incremental Static Regeneration, genereerde statische HTML pagina’s in de build fase. Vernieuwen in de achtergrond als de data update zoals bij een e-commerce website.
Wat doet revalidate voor pagina’s in Next?
Dit bepaald wanneer een pagina uit de cache ververst wordt.
Waar vindt revalidatie plaats?
Op de server. De cache pagina wordt vervangen, en de eerstvolgende pagina verzoek is deze nieuwe versie
Hoe werkt het technisch ophalen van een pagina in Next.
- URL bevat een pad
- Domein luistert naar node server naar ontvangende paden.
- Die stuurt het door naar Next waarbij het routing systeem het verder afhandelt.
