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

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…

Contents