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.
Build-time versus run-time basics
From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment
Build-time versus run-time basics
We talked about how you have this transition from the development environment to the production environment. What we mean by that really is build time. Build time is basically a series of steps that prepare your application code for production. Production, I don't know, I think I said that a bit weird. When you build your application, Next.js transforms the code into production-optimized files as we mentioned, and that's ready to be deployed to servers, which then get consumed by users. What are those files? Well, we have to remember at the end of the day, the web browsers are going to want what? HTML for statically generated pages, JavaScript for rendering pages on the server, JavaScript code for making pages interactive on the client. Remember clicking on buttons, seeing the changes, React DOM for rendering the pages, CSS files for styling our apps so it looks all fancy schmancy, and that's really what we talk about, build time. It's important, and this is a cringe to hear people…
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)
-
-
-
-
-