Next.js secepat Bun

Lydia, Head of Propaganda di Bun yang sebelumnya bekerja di Vercel untuk mengoptimalkan Next.js, memulai dengan penjelasan mengapa framework seperti Next.js istimewa dalam mendefinisikan ulang performa web. Dia menjelaskan bahwa Next.js telah memberikan bundling cerdas dengan Webpack dan Turbo Pack, optimasi image dan font, server-side rendering, static rendering, ISR, dan RSC untuk membawa data fetching ke dalam komponen. Pembicara menekankan bahwa meskipun Next.js telah melakukan optimasi luar biasa, masih ada satu layer fundamental yang belum bisa dioptimalkan yaitu runtime itu sendiri yang berada di luar scope Next.js. Ini menjadi motivasi untuk membahas bagaimana Bun sebagai runtime baru dapat melengkapi performa framework Next.js yang sudah optimal.

Pembicara menjelaskan arsitektur Node.js yang dibangun di atas V8 engine dari Google dan libuv, sebuah C library yang menjadi bridge antara kode JavaScript dan operating system. Ketika kode JavaScript memanggil operasi seperti fs.readFile, request harus melewati V8, C++ bindings, libuv, dan baru kemudian ke kernel, menciptakan banyak layer abstraction. Di tahun 2009 ketika Node.js diperkenalkan, model single-threaded ini sangat efisien untuk server long-running dengan ribuan koneksi, tetapi di 2025, hardware sudah berubah drastis dengan ratusan CPU cores, terabyte memory, dan storage 50x lebih cepat. Namun masih menggunakan model 2009 yang mendorong semuanya melalui single event loop, yang masih baik untuk long-running servers tetapi suboptimal untuk serverless functions dan dev servers yang membutuhkan startup cepat dan eksekusi burst singkat. Setiap millisecond dari startup time menjadi kritis dalam environment modern, membuat perlu rethinking runtime itu sendiri untuk mencapai performa maksimal.

Bun diperkenalkan sebagai brand new runtime yang dibangun dari nol untuk hardware 2025, bukan hanya layer di atas Node.js. Dibangun menggunakan Zig, sebuah modern systems language yang berjalan lebih dekat ke metal, Bun menggunakan JavaScript Core engine dari Apple yang sangat cepat dan spin up dengan cepat karena bisa defer beberapa initialization optimizations yang tidak dilakukan V8. Keunggulan utama Bun adalah APIs dan async I/O diimplementasikan sebagai direct system calls ke operating system, menghilangkan layer abstraction libuv yang digunakan Node.js. Ketika membaca file dengan Bun, path hanya JavaScript ke JSC engine ke Zig dengan direct system call ke kernel, jauh lebih sedikit layer dibanding Node.js. Hasilnya, semuanya terasa jauh lebih cepat dari startup, file access, HTTP servers, dan berbagai operasi lainnya karena lebih dekat ke metal dan menghilangkan overhead yang tidak perlu.

Bun tidak hanya tentang performa runtime tetapi juga menawarkan 100% Node compatibility dengan tambahan built-in APIs seperti S3, SQL, Redis, hashing, dan shell tanpa perlu menginstall dependencies tambahan. Pendekatan batteries-included ini familiar bagi developers dari bahasa seperti Go atau Python, tetapi baru bagi JavaScript developers yang terbiasa install dependency untuk hampir semuanya. Built-in SQL client memungkinkan connect langsung ke Postgres, MySQL, dan SQLite menggunakan single API, dengan performa hingga 11x lebih cepat daripada MySQL2 di Node. Bun's S3 client bekerja out of the box dengan semua S3-compatible storage seperti Amazon S3, Supabase Storage, dan Cloudflare R2, dan mencapai performa hingga 6x lebih cepat dari AWS S3 SDK di Node. Selain runtime, Bun menyediakan package manager yang 17x lebih cepat dari YARN, 7x lebih cepat dari NPM, dan 4x lebih cepat dari PNPM, serta bundler/transpiler built-in yang mendukung TypeScript dan JSX tanpa setup, dan test runner yang 14x lebih cepat dari Vitest dan 23x lebih cepat dari Jest untuk 1000+ React tests.

Mengintegrasikan Bun runtime dengan Next.js sangat sederhana, hanya perlu menambahkan flag --bun pada start atau dev command seperti bun run --bun next dev. Flag --bun diperlukan karena Bun peduli dengan Node compatibility, dan normalnya akan detect node shebang dari Next CLI dan default back ke Node, tetapi flag ini memaksa menggunakan Bun runtime. Dengan command ini, bundler masih Next.js (Turbo Pack) tetapi runtime yang mengeksekusi JavaScript, membaca file, dan serving responses adalah Bun, dan tidak perlu mengubah apapun tentang kode, packages, atau middleware karena Bun dirancang 100% Node compatible. Developer dapat mengakses semua built-in APIs Bun seperti S3 client langsung dalam server functions, React server components, tanpa install dependencies tambahan. Contoh praktis menunjukkan penggunaan S3, shell Bun, dan SQL langsung dalam React server component untuk query database, generate presigned S3 URL, dan count words, semua ditangani natively oleh Bun dalam Zig, close ke metal, tanpa extra API layer atau third-party tools.

Developer experience Bun luar biasa karena bisa menjalankan apapun JavaScript, TypeScript, TSX, JSX tanpa perlu konfigurasi apapun, menghilangkan kebutuhan untuk TSNode, Babel, SWC, dan tools kompleks lainnya. Bahkan tanpa menggunakan Next.js atau Bun runtime, developer bisa memanfaatkan bun run untuk quick build scripts atau development tasks dengan instant startup improvements. Bun juga menyediakan bun x yang merupakan equivalent Bun dari NPX, dan tidak perlu mengubah apapun atau gunakan Bun runtime untuk ini, tetapi memberikan instant startup improvements, contohnya bun x create-next-app adalah 5x lebih cepat dari NPX create-next-app. Bun install juga menjadi opsi untuk mempercepat instalasi dependencies tanpa perlu mengubah runtime, membuat install process jauh lebih cepat bahkan untuk basic Next.js projects. Semua tools ini bekerja tanpa konfigurasi, memberikan developer experience yang seamless dan meningkatkan produktivitas secara signifikan dibanding workflow tradisional dengan Node ecosystem.

Aplikasi yang berjalan di atas Bun bisa di-deploy di beberapa platform seperti Render, Railway, atau containerize dengan Docker, tetapi untuk Next.js developers, deployment ke Vercel adalah ideal. Tim Bun merekomendasikan tweet ke Guillermo untuk native Bun support di Vercel, dan mendapat respons yang cukup menjanjikan, kemudian beberapa minggu kemudian Bun support telah tercapai minimal secara internal dengan rencanaan native Bun support datang ke Vercel sangat segera. Ini berarti developer akan bisa menjalankan Bun apps di Vercel semudah project Next.js lainnya, dan contoh dunia nyata menunjukkan HONO API dengan Bun sudah melihat 30% CPU drop hanya dengan menjalankan Bun di Vercel. Adopsi Bun bisa dilakukan secara incremental: pertama switch ke bun install, kemudian test runtime locally dengan bun run --bun, dan terakhir incrementally pindah ke native APIs Bun di mana masuk akal, sambil tetap bisa mix dan match NPM dependencies. Setiap step ini reversible, jadi jika ada issues, developer bisa switch back ke Node tanpa masalah, membuat Bun adoption menjadi low-risk dan sustainable.