Giải pháp JavaScript full-stack

Môi trường phát triển Next.js local với FlyEnv

Xây dựng, chạy và kiểm thử các ứng dụng Next.js với runtime Node.js, trình quản lý gói bạn chọn, cơ sở dữ liệu local, Redis, tên miền tùy chỉnh và HTTPS — tất cả được quản lý trong một workspace.

Tải xuống FlyEnv Đọc hướng dẫn thiết lập Next.js

Stack local thực tế cho Next.js

Next.js có thể bắt đầu với một tiến trình Node.js, nhưng một dự án full-stack thực tế thường cần runtime, công cụ build, dịch vụ dữ liệu và một origin cho trình duyệt luôn được đồng bộ.

Runtime Node.js

Chạy server Next.js, công cụ phát triển và các script build với phiên bản dự án hỗ trợ.

Tính năng Node.js

Trình quản lý gói

Dùng trình quản lý gói và lockfile mà repository đã mong đợi: npm, pnpm, Yarn hoặc Bun.

Cơ sở dữ liệu ứng dụng

Kết nối PostgreSQL hoặc MySQL khi server actions, route handlers hoặc tầng ứng dụng cần dữ liệu bền vững.

Tính năng cơ sở dữ liệu

Redis tùy chọn

Thêm Redis cho cache, session, hàng đợi, giới hạn tần suất hoặc công việc nền khi ứng dụng dùng nó.

Tính năng Redis

Origin local

Dùng Nginx hoặc Caddy khi ứng dụng cần hostname local ổn định, hành vi proxy hoặc nhiều dịch vụ.

Tính năng Nginx

HTTPS cho các luồng trình duyệt

Kiểm thử OAuth, cookie bảo mật, webhook, service worker và các tính năng trình duyệt khác trên một origin local đáng tin cậy.

Tính năng HTTPS local

Vòng đời Next.js trong FlyEnv

Giữ runtime của dự án và quy trình gói cùng nhau từ khi cài đặt phụ thuộc đến khi chạy bản build gần giống production.

Cài đặt phụ thuộc

Phân giải lockfile với toolchain dự án đã chọn.

npm install

Chạy server dev

Chạy App Router, Server Components và route handlers trên local.

npm run dev

Build

Phát hiện các vấn đề rendering production và phụ thuộc trước khi triển khai.

npm run build

Khởi động production

Phục vụ ứng dụng đã build qua tên miền local và HTTPS.

npm start

Quy trình làm việc của dự án

npm pnpm Yarn Bun Các phiên bản Node.js Startup Groups

Frontend và backend trong một workspace local

Một dự án Next.js có thể phục vụ UI, route handlers, server actions và các lời gọi API từ một ứng dụng trong khi vẫn dựa vào các dịch vụ dữ liệu local.

Trình duyệt và origin local

Mở https://next-app.test để kiểm thử cookie, OAuth, webhook và các tích hợp phía client.

UI và route handlers

Render trang, server actions, endpoint API và logic backend-for-frontend từ dự án Next.js.

Ứng dụng Next.js

App Router · Server Components · Route Handlers · Server Actions

FrontendBackend

PostgreSQL hoặc MySQL

Lưu người dùng, nội dung, đơn hàng và các dữ liệu ứng dụng khác mà tầng server dùng.

Redis khi cần

Hỗ trợ cache, session, hàng đợi, giới hạn tần suất hoặc trạng thái chia sẻ nhanh khác.

Trình duyệt / HTTPSỨng dụng Next.jsPostgreSQL / Redis

Runtime dự án và trình quản lý gói

Node.js là runtime của ứng dụng; trình quản lý gói là một phần của toolchain dự án. Hãy giữ cả hai lựa chọn rõ ràng thay vì phụ thuộc vào một cài đặt toàn cục.

FlyEnv quản lý runtime và các dịch vụ local xung quanh dự án mà không thay thế npm, pnpm, Yarn, Bun hay các script gói hiện có của bạn.

Phiên bản Node.js

Khớp với phiên bản yêu cầu bởi phiên bản Next.js, phụ thuộc và đích triển khai.

Mở tính năng Node.js

Trình quản lý gói

Giữ npm, pnpm, Yarn hoặc Bun đồng bộ với lockfile và các script mà dự án dùng.

Lockfile là một phần của dự án

FlyEnv Startup Groups để khởi động các dịch vụ dự án cùng nhau — Dùng Startup Group để khởi động ứng dụng Next.js, cơ sở dữ liệu, Redis và các dịch vụ local khác cùng nhau bằng một cú nhấp.

Bắt đầu dự án Next.js mới hoặc chạy dự án đã có

Chọn quy trình làm việc phù hợp với trạng thái hiện tại của dự án, rồi giữ runtime và các dịch vụ hỗ trợ trong một workspace.

Tạo dự án Next.js mới

1Mở Node.js → New Project và chọn template Next.js.
2Chọn phiên bản Node.js và trình quản lý gói mà dự án sẽ dùng.
3Cài đặt phụ thuộc và giữ lockfile của dự án cùng mã nguồn.
4Thêm tên miền local, HTTPS và dịch vụ cơ sở dữ liệu khi cần.
5Tạo Startup Group cho ứng dụng và các dịch vụ hỗ trợ.

Chạy dự án Next.js đã có

1Mở repository và xác định yêu cầu Node.js cùng trình quản lý gói.
2Chọn phiên bản Node.js phù hợp và cài đặt từ lockfile.
3Khởi động PostgreSQL, MySQL, Redis hoặc dịch vụ đã cấu hình khác.
4Cấu hình proxy local, hostname và HTTPS cho các luồng trình duyệt.
5Chạy next dev để phát triển hoặc next build và next start để kiểm tra gần giống production.

Đọc hướng dẫn thiết lập Next.js đầy đủ

Tại sao dùng FlyEnv để phát triển Next.js

Quy trình local dễ đoán hơn cho các dự án chuyển đổi giữa UI trình duyệt, mã server, bản build và dịch vụ dữ liệu.

Đồng bộ Node.js với dự án
Giữ các dự án Next.js ở các phiên bản runtime mà phụ thuộc và đích triển khai của chúng hỗ trợ.
Dự án A → Node.js 20 · Dự án B → Node.js 22
Chạy ứng dụng và dịch vụ cùng nhau
Khởi động ứng dụng Next.js, cơ sở dữ liệu, Redis và proxy local như một nhóm dự án khi cần full stack.
Next.js + PostgreSQL + Redis → Startup Group
Kiểm thử origin local thực
Dùng hostname local dễ đọc và HTTPS cho hành vi trình duyệt mà chỉ dùng localhost không thể tái tạo.
Giữ các dự án full-stack tách biệt
Giữ runtime, URL local, cơ sở dữ liệu, Redis và các dịch vụ hỗ trợ của từng dự án trong workspace riêng.

Câu hỏi thường gặp về Next.js

Các câu hỏi thường gặp về việc dùng FlyEnv cho các dự án Next.js local.

Các dự án Next.js khác nhau có thể dùng các phiên bản Node.js khác nhau?

Được. FlyEnv cho phép mỗi dự án dùng phiên bản Node.js nó yêu cầu, hữu ích khi các ứng dụng hoặc phụ thuộc đang ở các chu kỳ phát hành khác nhau.

FlyEnv có thay thế trình quản lý gói của Next.js?

Không. Tiếp tục dùng trình quản lý gói và lockfile mà repository đã chọn. FlyEnv cung cấp runtime dự án và các dịch vụ local xung quanh toolchain đó.

Mỗi dự án Next.js đều cần cơ sở dữ liệu?

Không. Dự án chỉ frontend có thể chỉ cần Node.js. Thêm PostgreSQL hoặc MySQL khi ứng dụng dùng dữ liệu server, route handlers hoặc nội dung bền vững.

Khi nào nên thêm Redis?

Thêm Redis khi ứng dụng dùng cache, session, hàng đợi, giới hạn tần suất hoặc một mẫu trạng thái chia sẻ nhanh khác. Redis là tùy chọn, không phải yêu cầu của bản thân Next.js.

Tôi có thể kiểm thử OAuth và webhook trên tên miền Next.js local?

Được. Cấu hình tên miền local với HTTPS đáng tin cậy để cookie trình duyệt, callback OAuth, webhook và các tính năng origin bảo mật khác hoạt động gần với production hơn.

FlyEnv có thể chạy next build và next start?

Được. FlyEnv cung cấp runtime Node.js và các dịch vụ local; các script gói của dự án vẫn chạy next build và next start để kiểm tra local gần giống production.