Next.js vs. Vite – Worth migrating to Vite?

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...
https://nextjs.org/docs/app/api-refer...

https://nextjs.org/blog/next-15
https://vite.dev/

Substack article link on Sunday:
[https://snackablecto.substack.com](https://snackablecto.substack.com/)