Next.js vs. Vite – Worth migrating to Vite?
Worth Following – Podcast by Adrian Stanek
Audio is streamed directly from the publisher (api.substack.com) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
Migrating from Next.JS to Vite: Is It Worth the Switch?
In this episode, we dive deep into our migration from Next.JS to Vite for an extensive React application with over 80,000 lines of code. You’ll learn about the improvements in build time, Hot Module Replacement (HMR) speed, and bundle size. We also discuss the challenges of switching from Webpack to ES Modules and replacing Next—JS-specific components. By the end, you’ll have insights into whether Vite could be the right fit for your project, especially for client-side rendering and future SaaS projects.
Especially interesting since we have the Next.conf 2024 going on right now.
00:00 Introduction
00:53 Our Tech Stack
01:14 How long it took to migrate
01:46 Turbopack for Next.js is stable
01:57 Build time comparison
02:08 Bundlesize comparison
02:22 HMR comparision
03:35 Large bundle after migration
05:19 About Next.js fullstack approach
05:56 Review last Video about React
06:09 Conclusions Next.js / Vite
Additional links:
https://nextjs.org/blog/turbopack-for-development-stable
https://nextjs.org/docs/app/api-reference/components
https://nextjs.org/blog/next-15
Substack article link on Sunday:
https://snackablecto.substack.com
This is a public episode. If you'd like to discuss this with other subscribers or get access to bonus episodes, visit blog.adrianstanek.dev/subscribe