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.
Introduction to the Next.js compiler
From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment
Introduction to the Next.js compiler
Okay, so before we talk about what happens when we build our projects out, and then upload them to a server, and then serve out our applications to users, we need to talk a bit more about the Next.js compiler. We've mentioned the compiler in the beginning. Next.js basically handles much of the code transformations and underlying infrastructure to make it easier for applications to go to product. How does it actually work? It's not magic. Next.js basically has a compiler that was written in Rust. Rust is a great programming language, by the way. It's a low-level programming language, which I also teach, if you're interested in learning more about it. It's also built in SWC, a platform that can be used for compilation, minification, bundling, and more. So we got a taste of the compiler working previously. Hopefully you understand that there was that transition, which was what? Well, we don't need to use Babel anymore because when we brought in Next.js, our compiler is handling 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)
-
-
-
-
-