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 are CDNs and the edge in Next.js and Vercel?
From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment
What are CDNs and the edge in Next.js and Vercel?
The last topic of this section that I think is essential for you to have a firm grasp in conceptually are CDNs, and then specifically with Versal 2, we should know about how the edge works as well. Okay, and all this can fall under understanding the network, basically, the network of how our data is being transmitted. Let's understand the network. Having insight into where we deploy, into where our deployed application code resides and operates is actually much more valuable than you may think. You have to think about a network, visualize this network as an interconnected collection of computers or servers, basically capable of sharing resources. Within the realm of a Next.js application, our application code is disseminated across origin servers, or content delivery networks, and the edge. So we have the origin server. That's where we're hosting it, our content delivery networks. So the places where, if you're closer to those networks, you're going to have faster time. And you have…
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)
-
-
-
-
-