Haben Sie Ihre Hauptanwendung auf Vite, und Next.js separat? Mussten Sie sich mit dem Aufbau vertiefen? Auf welchen Werkzeugen basieren Vite und Next.js?

Vite und Next.js sind moderne Werkzeuge zum Aufbau des Frontends, aber mit unterschiedlicher Architektur und Zielsetzung.

• Vite basiert auf esbuild für schnelle Entwicklung und verwendet Rollup im Hintergrund für den Produktionsbuild. esbuild bietet sehr schnelle Transformationen und Bundling dank seiner Implementierung in Go und der Nutzung moderner Browser-APIs (ES-Module).

• Next.js basiert auf Webpack (bis Version 13), aber mit der Veröffentlichung von Next.js 13 und Turbopack (ein experimenteller Bundler von Vercel, geschrieben in Rust) beginnt es, auf schnellere Werkzeuge umzusteigen. Next.js ist ein Framework mit serverseitigem Rendering, Routing und API, wobei der Build nur ein Teil seiner Funktionalität ist.

Bei genauerer Betrachtung kann man die Webpack-Konfiguration in Next.js, Vite-Plugins und deren Optimierung der Modul-Ladung sowie die Beschleunigung des Builds durch esbuild und Turbopack durch Parallelisierung und native Implementierungen untersuchen.