From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

What is pre-rendering in Next.js?

What is pre-rendering in Next.js?

From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment

Start my 1-month free trial Buy for my team

What is pre-rendering in Next.js?

“

Okay, so let's talk about pre-rendering, and that has to do with SSR and SSG, so server-side rendering and static site generation. But let's make sure we define this correctly in the framework of Next.js. Commonly, when you talk about SSR and SSG, you're referring to them as pre-render techniques because they involve fetching data and converting React components into HTML content before delivering the final output to the client. So you're going to fetch that external data, convert the React components into HTML content. But what Next.js does is interesting. What it does, it takes a distinctive approach by inherently pre-rendering each page as part of its default behavior. So what that means is that the HTML content is generated beforehand on a server rather than solely relying on JavaScript execution on the device. The distinction is really important because it really can have a major impact for the user experience. Think about it. Think about an application, and here we can see by…

Contents