Next.js
nextjs.org把 React 页面、服务端逻辑和路由组织在一起的全栈 Web 框架，适合从官网一路做到 SaaS。
官方首页截图
打开官网
Tool profile
Next.js 是什么?
Next.js 把 React 组件、文件路由、服务端渲染、数据请求和后端接口放进同一套工程约定里。它的优势不是某一个单独功能，而是让产品网站、登录后的应用和内容页面可以共享一套代码边界。
Next.js 能做什么?
01
适合谁
需要同时维护营销页、应用界面和服务端逻辑的 React 开发者
02
解决什么问题
减少前后端拆分、路由配置和部署适配带来的早期摩擦
03
价格与成本
价格、免费额度和政策会变化；采购前请以官网当前的计划、用量限制和地区政策为准。
04
推荐使用场景
SaaS 官网与控制台、需要 SEO 的 React 产品、带 API 和数据库的 MVP
05
主要替代品
react、nuxt、remix
06
选型判断
如果你已经熟悉 React，并且预计产品会从落地页长成应用，Next.js 通常是稳妥的默认选择。
使用场景
“SaaS 官网与控制台：需要同时维护营销页、应用界面和服务端逻辑的 React 开发者，重点是减少前后端拆分、路由配置和部署适配带来的早期摩擦。
“需要 SEO 的 React 产品：需要同时维护营销页、应用界面和服务端逻辑的 React 开发者，重点是减少前后端拆分、路由配置和部署适配带来的早期摩擦。
“带 API 和数据库的 MVP：需要同时维护营销页、应用界面和服务端逻辑的 React 开发者，重点是减少前后端拆分、路由配置和部署适配带来的早期摩擦。
需要注意
它的能力范围很大，缓存、Server Components 和部署平台约定也会增加学习成本。纯静态内容站不一定需要这么重的框架。
如果你已经熟悉 React，并且预计产品会从落地页长成应用，Next.js 通常是稳妥的默认选择。