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 https://vite.dev/ 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.snackablecto.coach/subscribe