Day-04

👉 if static site generation sort pried of time regeneration so its call ISR.

👉 it only existed when use static site generation present.

👉 regeneration trigger call revalidate variable second me time provide

1. export const revalidate = 5
2. const await fetch("_",{next:{revalidate:5}})

👉 Dynamic page build on req time not the build time

👉 static page dynamic generation using export dynamic variable

export const dynamic = "force-dynamic"

👉 also support different value like: force-dynamic,error,auto,force-static and by default set value auto

👉 if page inside use searchParams,Cookies,Headers,connection,defaultMode,fetch etc so automatic make dynamic page

👉 forcefully dynamic page make it static so params,searchParams,Cookies etc show empty value

👉 if default value error forcefully dynamic page make it static then build time error cause for this is dynamic page.

👉 streaming use for long page or components stream in chunk so page load faster

👉 stream enable wrap page or components in Suspense

<Suspense fallback={<div>Loading...</div>}>
<div>long Content or dynamic content</div>
</Suspense>

👉 Suspense give fallback content show when data not yet. if data coming isCompleted then fallback content remove and actual content show

👉 server comp. only run on server

👉 client comp. run on both side server and client

👉 client comp. when need interactivity on page

👉 make client comp. so add top on page "use client" keyword

👉 react hook etc use on client comp. support

👉 Any child comp. inside all component automatic become child component

👉 if render html and server html are not match so throw hydration error

👉 if any link add on page so hydration error possible

👉 Error show only on Development mode not in production

👉 its user experience not good