Static vs Dynamic Rendering in NextJs 13

In this video, we'll look at static vs dynamic rendering. The default strategy and how to opt into dynamic rendering for each route segment.

👉🏼 The Ultimate NextJs Course

[sahaneakanayaka]

Your explanations are very clear. These are the core things that we need to know about nextjs 13. Your chanel really delivers them. Appreciate your work sir ❤❤🙏

[an_sound]

thank you SO much for this lesson. Docs are somehow hard for me to understand compared to your explanation and I finally get it

[sushantjadhav]

As per doc
During rendering, if a dynamic function or uncached data request is discovered, Next.js will switch to dynamically rendering the whole route
For a route to be fully static, all data must be cached

1) In Video you didn't mentioned about uncached data request.

2) Could you please create examples and build application and explain how dynamic functions and cached data deciding static or dynamic

3) Also could you please explain below one?
In the future, Next.js will introduce hybrid server-side rendering where layouts and pages in a route can be independently statically or dynamically rendered, instead of the whole route.

[isaacjon]

Great channel, please do consider using code examples when your talking about those specific situation so we can also see visually what it looks like

[dev_front]

thanks a lot Hamed you are such an amazing teacher 🌸🌸🌸🌸

[nwobodogeorge]

Thank u so much. I just subscribed to you channel.

[aniislive]

Can you make a video for implementing edge runtime, how to use that with next js 13

[Geuni]

Thanks for the video. Thank you so much!

I have a question about producing static pages.
I was wondering about the difference between 'force-static' and 'error' during route segment config.

Is it just a difference that the 'error' attribute pops up an error when a dynamic cache data or dynamic function is executed, and force-static returns an empty value?

[vanithb]

Bro I have a doubt.. while call api.. if face error how to handle it

[hey.............]

Can you please create a video on prefetching and how to revalidate and disable different types of cache(client and server) in next.js when user switch between different pages. In my app, i am facing stale data issue.

I can see in the build thag my page is dynamically rendered(using searchParamd) but still i am seeing stale dara. I am making a call in page.tsx and has revalidate set to 45 sec. Even after 45 secs, when i revisit page data is stale.

[DnyaneshLohar]

Sir, can you make a video on Metadata API in nextjs..

[hondaxblade]

Hello sir I followed nearly every video of yours on NextJs they are really helped me tl build my dream project... Thank you 😊😊
I need your help... I'm using generateStaticParams function inside that I'm calling one of my api for generating the [productId].... working good... but the problem is my API have pagination and for page.js i use it to display the list of products and pass the 'page' param using the 'searchParam' when clicked on the Next page button. But the probelem with 'getStaticParam' is that I cannot pass the parameter to it so that it can be passed to the API to change the page and build next batch of product pages. currently I'm passing page = 1 and it is only building initial 10 pages, but I want to build more... What to do here? Please help 😣

[sushantjadhav]

Can it possible that page is partially static rendered and partially dynamic rendeted?

[gmoniava]

Is there no difference for static and dynamic rendering for client and server components?

[gamerhamim]

is there anyone who can help me with my project i joined thos hell server i mean next js server and so on thos are hell i dont get any help from there i just need a person to help me