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 rendering in Next.js?
From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment
What is rendering in Next.js?
OK, so the whole buildup of visiting the essentials of a client versus the server for front end development takes us to rendering and when we talk about rendering where we're talking about, it's the process of transforming our code that we've created in react into that UI. So those you know like actually seeing the buttons appear. It's the visualization of it that you're going to see those graphics that appear elements for the user. So that's rendering, and rendering is that transformation. And that transformation is such an important part of development, all right? It's very important. So the first thing I want to tell you, because this could be a common question for junior developers, when you talk about rendering, you might think intuitively, Well, wouldn't the rendering happen on the browser, on the client side, because that's where the browser exists? Well, when we talk about rendering occurring on the server side, absolutely not. Rendering can occur on the client side or the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
(Locked)
Development environment and build versus production build with Next.js8m 24s
-
(Locked)
Introduction to the Next.js compiler3m 8s
-
(Locked)
Demystifying what is meant by Next.js 'compiler'1m 19s
-
(Locked)
What is minification in Next.js?4m 44s
-
(Locked)
What is bundling in Next.js?3m 8s
-
(Locked)
What is code splitting in Next.js?3m 44s
-
(Locked)
Build-time versus run-time basics2m 44s
-
(Locked)
What is the client and what is the server in web applications? The basics5m 46s
-
(Locked)
What is rendering in Next.js?4m 5s
-
(Locked)
What is pre-rendering in Next.js?2m 37s
-
(Locked)
What is CSR, client-side rendering with Next.js?3m 29s
-
(Locked)
How server-side rendering works as a deeper dive7m 3s
-
(Locked)
What is SSG in Next.js?2m 48s
-
(Locked)
What are CDNs and the edge in Next.js and Vercel?9m 58s
-
(Locked)
-
-
-
-
-