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.
Development environment and build versus production build with Next.js
From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment
Development environment and build versus production build with Next.js
Okay, so let's learn about the structure of castles. That's a fantastic castle. But not literally, we're going to learn in this section what some consider to be a castle of a framework for web applications, Next.js. In this section, this is a very important section because we're not going to dive into building a program with Next.js just yet. because it's one thing to type in a few lines of code on NPM and get a Next.js framework running on your React code and think you're doing a heck of a good job. But it's another thing to understand, and I can't stress this enough, why you're using Next.js, the benefits, and how to leverage it to create faster, more optimized projects, not just for the users, but for your team, for the developers in your team, because that's what next does. It aims to focus on the development environment and the production environment. And you know what, I'm going to say one other thing. There's a lot of sections in this course. And many of them we go through…
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)
-
-
-
-
-