Guillermo Rauch, CEO Vercel: Open Source, Next.js, Edge Computing, Partial Pre-rendering
Tejas Kumar
Channel
Interviewed Person
Guillermo Rauch
Description
Links - Codecrafters (sponsor): https://tej.as/codecrafters - Guillermo on 𝕏: https://x.com/rauchg - Vercel: https://vercel.com - Latency Numbers Every Frontend Developer Should Know: https://vercel.com/blog/latency-numbers-every-web-developer-should-know - Latency Numbers Every Programmer Should Know: https://brenocon.com/dean_perf.html Summary In this discussion with Guillermo Rauch (creator of Socket.io, Next.js, and Vercel CEO), we cover open source, latency, software as physical systems, PPR, distributed systems, edge computing, Vercel’s data centers, AWS/Azure partnerships, reducing cold starts, and balancing quality with rapid shipping. Takeaways - Starting from a solid open-source background. - Understanding latency is crucial for optimizing user experience. - Viewing software as physical systems aids in performance and scalability. - Partial pre-rendering (PPR) improves performance by merging static pre-rendering with dynamic server-side rendering. - Globally distributed systems face challenges like data residency, cost, and compliance. - Edge computing is key to enhancing website performance and user experience. - Vercel uses edge computing for fast data transfer and performance. - Vercel’s infrastructure includes mega data centers and partnerships with AWS and Azure. - Reducing cold start times is a Vercel priority, with significant advancements. - Maintaining high quality and attention to detail is crucial, even with rapid shipping. Chapters 00:00 Guillermo Rauch 03:42 Introduction and Background 11:55 Importance of Latency 32:24 Challenges of Globally Distributed Systems 43:11 Power of Edge Computing 53:18 Edge as the Blessed Path
Tags
Transcript
welcome to the contagious code podcast where we dive deep into code learn practical skills celebrate the beauty of engineering and eliminate imposter syndrome I am Tes Kumar and I've been building on the web for over 20 years at places like versel Spotify Zeta and more today I'm joined by my former CEO guer morash from versel Geo is the founder and CEO of versel formerly known as zeit back when I worked there in this episode we go really deep we talk about um the
physics of networks and how light that is data travels across the world we talk about content delivery networks and how they help we even talk about something called Dark fiber cables these are like prior priority excuse me Lanes where your data can go faster because there's less um noise and so where there's less noise there's more signal data can move faster we go into all of those details and we also talk about how versel is championing um a technique known as PPR that's Progressive pre-rendering of of your applications to really optimize the time to First Bite meaning the time to
some your user is seeing something meaningful as well so your largest contentful paint or some some one of those measures would become faster and and that would allow your users to actually be oriented quicker meaning what they would get is basically a fully static shell without data dependencies and where the data dependencies are it's like holds it's almost like react suspense but on the server side and you just get a static template a stencil as it were and then you fill in the stencil with data once it's available the stencil would help users find their way around your application before data fills in and then they're just ready to
go quickly we talk about that how that works but we also talk about is it worth it um what what proof do we have that this stuff actually matters why don't I just show a big spinner for example this episode is jam-packed with performance networking and and Edge topics and there's so much value here so I I really hope you enjoy it as much as I did and indeed I enjoyed it a lot I'd like to offer this to all of you at zero cost and this is very much separate to my day job the way I'm able to do this is because of sponsors if you want to sponsor this by the way just let me know
I'm on X tarore there's links whatever you'll find me um but I do think um that would definitely help now let's take a moment to thank the sponsors so that all of us have this for free and then we'll get into the discussion this podcast is sponsored by Cod Crafters codec Crafters um teaches people how to do things like I do my most popular talk ever is called deconstructing react where I taught people how react works by like implementing react like we wrote a bunch of react code but we never imported react instead we did const react equals and we just like wrote it and this
really made it clear for a lot of people how it works that's on YouTube somewhere but the point I'm trying to make is code Crafters teaches people this way like they'll teach you how to implement git or Docker or something in a programming language of your choice typescript python Java whatever you want and by implementing things you learn their mechanism it's really cool it's free but if and when you decide to start paying if you use this link and code you get 40% off and that is tj. ascod Crafters there's links on the show notes not as well this episode is also sponsored by stely stately is a great way to visualize the flow of logic or the flow
of States you you draw these State machines and state charts and then you fill in the transitions with code so you can say my application has these finite States and this function makes you go from State a to State B so you can draw this out and then generate code from it to really make your applications predictable if you'd like to give that a try go to stely doai this episode this podcast actually is also is not sponsored but is partnered with that conference that confence confence is a
conference that happens twice a year in the US and we give away up to five free tickets to that conference Wisconsin that is at this point time the most um near one that is upcoming so if you want to win that share the podcast on social media leave up to a five-star review and a comment and let me know you'll enter a raffle to win that thank you to the sponsors thank you for sticking around and now for my discussion with G moash GE Mor thanks for coming on the contagious code podcast thanks for having me really excited to be here yeah um you know this has been a long
Video Details
- Duration
- 1:23:31
- Published
- May 13, 2024
- Channel
- Tejas Kumar
- Language
- ENGLISH
- Views
- 1,266
- Likes
- 65
Related Videos

Next for Next.js: See the powerful new features - Tim Neutkens
React Conferences by GitNation
Interviewed: Tim Neutkens

How to use Next.js with other frameworks and tools ft Tim Neutkens | Prismic
Prismic
Interviewed: Tim Neutkens

Next js 15 with Jimmy Lai and Tim Neutkens
Software Engineering Daily
Interviewed: Tim Neutkens

How to build APIs with Next.js? ft Tim Neutkens | Prismic
Prismic
Interviewed: Tim Neutkens