Skip to content
← 全部解决方案
Next.js logo

开发框架 方案

在 FlyEnv 中本地运行 Next.js

Next.js 项目通常使用 Node.js、数据库、可选 Redis 与反向代理。FlyEnv 可按项目管理这些本地服务。

本地项目技术栈

FlyEnv 可管理的服务: Next.js

关于 Next.js

Next.js 是一个用于构建 Web 应用的 React 框架,同时覆盖精致的前端体验和服务端能力。它在同一代码库中支持 App Router、Server Components、服务端渲染、静态生成和 API 端点,让团队能为不同页面选择合适的渲染方式。

FlyEnv 可作为依赖 Node.js、PostgreSQL、MySQL、Redis、Nginx、Caddy 等服务的 Next.js 项目的本地开发环境。它让本地环境更接近真实业务运行条件,而不是由分散的安装器和手动配置拼凑而成。

核心能力

  • App Router
  • Server Components
  • SSR / SSG / ISR
  • Route Handlers
  • Middleware
  • 图片与字体优化

常见使用场景

  • SaaS 应用与客户后台
  • 电商前台与结算流程
  • 重视 SEO 的内容站与营销官网
  • 全栈 Web 应用与 BFF API
  • 内部工具与运营门户

真实的 Next.js 本地环境不只有 next dev

一个简单项目可能只需要 Node.js。当项目逐渐加入用户、业务数据、缓存、上传、邮件和第三方回调时,本地环境通常也会随之扩展。

Node.js 运行时
运行 Next.js、本地开发工具和构建任务。
数据库
保存用户、订单、应用内容及其他业务数据。
Redis
支持缓存、会话、队列和限流等常见模式。
HTTPS 与自定义域名
为 Cookie、OAuth 和回调提供接近生产环境的本地来源。
邮件与存储
覆盖事务邮件、文件上传及其他真实应用依赖。

项目资源

安装命令、支持版本和项目配置请参阅 Next.js 官方文档。

典型本地技术栈

具体服务取决于项目、发布版本及本地配置。这里展示的是常见配置,而非固定要求。

组件典型作用
Node.js用于本地 Next.js 环境的 Node.js 服务。
PostgreSQLMySQL用于本地 Next.js 环境的 PostgreSQL / MySQL 服务。
Redis用于本地 Next.js 环境的 Redis 服务。
NginxCaddy用于本地 Next.js 环境的 Nginx / Caddy 服务。

FlyEnv 如何提供帮助

  • 匹配项目运行时

    为 Next.js 选择项目所需的运行时版本。

  • 管理本地服务

    仅在项目需要时启动数据库、缓存和其他服务。

  • 保持项目隔离

    让不同项目使用各自的版本和服务配置。

  • 配置本地域名

    需要时可通过本地域名和 HTTPS 访问项目。

配置本地环境

项目安装请遵循上游官方文档;FlyEnv 负责管理其所需的运行时、数据库、Web 服务器和辅助服务。

  1. 1按照 Next.js 官方文档安装项目和依赖。
  2. 2在 FlyEnv 中选择项目需要的运行时版本。
  3. 3启动项目配置中指定的数据库服务。
  4. 4仅在项目需要时启动缓存、搜索或其他辅助服务。
  5. 5按需配置本地 Web 服务器、域名和 HTTPS。
  6. 6将相关服务加入启动组,方便重复启动。

准备好本地运行 Next.js 吗?

使用 FlyEnv 管理本地 Next.js 环境所需的运行时、数据库、Web 服务器和服务。

下载 FlyEnv

有任何使用问题?