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
