Czy Twoja główna aplikacja jest na Vite, a Next.js osobno? Czy musiałeś zagłębić się w proces budowania? Na jakich narzędziach opierają się Vite i Next.js?

Vite i Next.js to nowoczesne narzędzia do budowania frontendu, ale o różnych architekturach i celach.

• Vite oparty jest na esbuild do szybkiego rozwoju i korzysta z Rollup pod maską do budowania produkcyjnego. esbuild zapewnia bardzo szybkie transformacje i bundling dzięki napisaniu w Go i korzystaniu z nowoczesnych API przeglądarek (moduły ES).

• Next.js opiera się na Webpack (do wersji 13), ale wraz z wydaniem Next.js 13 i Turbopack (eksperymentalny bundler od Vercel, napisany w Rust) zaczyna przechodzić na szybsze narzędzia. Next.js to framework z renderowaniem po stronie serwera, routingiem i API, a budowa to tylko część jego funkcji.

Jeśli zagłębić się, można zbadać konfiguracje Webpack w Next.js, pluginy Vite i jak optymalizują ładowanie modułów, a także jak esbuild i Turbopack przyspieszają budowę dzięki paralelizacji i natywnym implementacjom.