Solusi JavaScript full-stack

Lingkungan pengembangan Next.js lokal dengan FlyEnv

Bangun, jalankan, dan uji aplikasi Next.js dengan runtime Node.js, package manager pilihan Anda, database lokal, Redis, domain khusus, dan HTTPS—semuanya dikelola dalam satu workspace.

Unduh FlyEnv Baca panduan setup Next.js

Stack lokal praktis untuk Next.js

Next.js dapat dimulai sebagai satu proses Node.js, tetapi proyek full-stack yang nyata biasanya membutuhkan runtime, alat build, layanan data, dan origin yang dapat diakses browser agar tetap selaras.

Runtime Node.js

Jalankan server Next.js, alat pengembangan, dan script build dengan rilis yang didukung proyek.

Fitur Node.js

Package manager

Gunakan package manager dan lockfile yang sudah ditentukan repository: npm, pnpm, Yarn, atau Bun.

Database aplikasi

Hubungkan PostgreSQL atau MySQL saat server actions, route handlers, atau lapisan aplikasi membutuhkan data persisten.

Fitur database

Redis opsional

Tambahkan Redis untuk cache, session, queue, rate limiting, atau pekerjaan latar belakang saat aplikasi membutuhkannya.

Fitur Redis

Origin lokal

Gunakan Nginx atau Caddy ketika aplikasi membutuhkan hostname lokal yang stabil, perilaku proxy, atau beberapa layanan.

Fitur Nginx

HTTPS untuk alur browser

Uji OAuth, secure cookie, webhook, service worker, dan fitur browser lain pada origin lokal tepercaya.

Fitur HTTPS lokal

Siklus hidup Next.js di FlyEnv

Satukan runtime proyek dan alur kerja package mulai dari instalasi dependensi hingga build yang mendekati produksi.

Instal dependensi

Resolusi lockfile dengan toolchain proyek yang dipilih.

npm install

Jalankan server dev

Jalankan App Router, Server Components, dan route handlers secara lokal.

npm run dev

Build

Temukan masalah rendering produksi dan dependensi sebelum deployment.

npm run build

Mulai produksi

Sajikan aplikasi yang sudah dibuild melalui domain lokal dan HTTPS.

npm start

Alur kerja proyek

npm pnpm Yarn Bun Versi Node.js Startup Group

Frontend dan backend dalam satu workspace lokal

Proyek Next.js dapat menyediakan UI, route handlers, server actions, dan panggilan API dari satu aplikasi sekaligus tetap menggunakan layanan data lokal.

Browser dan origin lokal

Buka https://next-app.test untuk menguji cookie, OAuth, webhook, dan integrasi sisi klien.

UI dan route handlers

Render halaman, server actions, endpoint API, dan logika backend-for-frontend dari proyek Next.js.

Aplikasi Next.js

App Router · Server Components · Route Handlers · Server Actions

FrontendBackend

PostgreSQL atau MySQL

Simpan pengguna, konten, pesanan, dan data aplikasi lain yang digunakan lapisan server.

Redis saat diperlukan

Dukung cache, session, queue, rate limit, atau shared state cepat lainnya.

Browser / HTTPSAplikasi Next.jsPostgreSQL / Redis

Runtime proyek dan package manager

Node.js adalah runtime aplikasi; package manager merupakan bagian dari toolchain proyek. Tampilkan keduanya dengan jelas dan jangan bergantung pada satu instalasi global.

FlyEnv mengelola runtime dan layanan lokal di sekitar proyek tanpa menggantikan npm, pnpm, Yarn, Bun, atau script proyek yang sudah ada.

Versi Node.js

Gunakan rilis yang sesuai dengan versi Next.js, dependensi, dan target deployment.

Buka fitur Node.js

Package manager

Jaga npm, pnpm, Yarn, atau Bun tetap sesuai dengan lockfile dan script yang digunakan proyek.

Lockfile adalah bagian dari proyek

FlyEnv Startup Groups untuk memulai layanan proyek bersama-sama — Gunakan Startup Group untuk memulai aplikasi Next.js, database, Redis, dan layanan lokal lain dengan satu klik.

Mulai proyek Next.js baru atau jalankan proyek yang sudah ada

Pilih alur kerja yang sesuai dengan kondisi proyek saat ini, lalu simpan runtime dan layanan pendukungnya dalam satu workspace.

Buat proyek Next.js baru

1Buka Node.js → New Project dan pilih template Next.js.
2Pilih versi Node.js dan package manager yang akan digunakan proyek.
3Instal dependensi dan simpan lockfile proyek bersama source code.
4Tambahkan domain lokal, HTTPS, dan layanan database bila diperlukan.
5Buat Startup Group untuk aplikasi dan layanan pendukungnya.

Jalankan proyek Next.js yang sudah ada

1Buka repository dan cek kebutuhan Node.js serta package manager-nya.
2Pilih versi Node.js yang sesuai dan instal dari lockfile.
3Mulai PostgreSQL, MySQL, Redis, atau layanan lain yang dikonfigurasi.
4Atur proxy lokal, hostname, dan HTTPS untuk alur yang diakses browser.
5Gunakan next dev untuk pengembangan atau next build dan next start untuk pemeriksaan yang mendekati produksi.

Baca panduan setup Next.js lengkap

Mengapa menggunakan FlyEnv untuk pengembangan Next.js

Alur kerja lokal yang lebih mudah diprediksi untuk proyek yang berpindah antara UI browser, kode server, build, dan layanan data.

Sesuaikan Node.js dengan proyek
Jaga setiap proyek Next.js pada rilis runtime yang didukung dependensi dan target deployment-nya.
Proyek A → Node.js 20 · Proyek B → Node.js 22
Jalankan aplikasi dan layanan bersama
Mulai aplikasi Next.js, database, Redis, dan proxy lokal sebagai satu grup proyek saat full stack dibutuhkan.
Next.js + PostgreSQL + Redis → Startup Group
Uji origin lokal yang nyata
Gunakan hostname lokal yang mudah dibaca dan HTTPS untuk perilaku browser yang tidak dapat direproduksi oleh localhost saja.
Pisahkan proyek full-stack
Simpan runtime, URL lokal, database, Redis, dan layanan pendukung setiap proyek dalam workspace masing-masing.

FAQ Next.js

Pertanyaan umum tentang menggunakan FlyEnv untuk proyek Next.js lokal.

Bisakah proyek Next.js yang berbeda menggunakan versi Node.js yang berbeda?

Bisa. FlyEnv memungkinkan setiap proyek menggunakan versi Node.js yang dibutuhkannya, sehingga aplikasi atau dependensi pada jalur rilis berbeda tetap dapat dikelola.

Apakah FlyEnv menggantikan package manager Next.js?

Tidak. Tetap gunakan package manager dan lockfile yang dipilih repository. FlyEnv menyediakan runtime proyek dan layanan lokal di sekitar toolchain tersebut.

Apakah setiap proyek Next.js membutuhkan database?

Tidak. Proyek frontend-only mungkin hanya membutuhkan Node.js. Tambahkan PostgreSQL atau MySQL saat aplikasi menggunakan data server, route handlers, atau konten persisten.

Kapan sebaiknya saya menambahkan Redis?

Tambahkan Redis saat aplikasi menggunakan cache, session, queue, rate limiting, atau pola shared state cepat lainnya. Redis opsional, bukan kebutuhan Next.js.

Bisakah saya menguji OAuth dan webhook pada domain Next.js lokal?

Bisa. Atur domain lokal dengan HTTPS tepercaya agar cookie browser, callback OAuth, webhook, dan fitur secure-origin lain berperilaku lebih dekat dengan produksi.

Bisakah FlyEnv menjalankan next build dan next start?

Bisa. FlyEnv menyediakan runtime Node.js dan layanan lokal; script proyek tetap menjalankan next build dan next start untuk pemeriksaan lokal yang mendekati produksi.