跳到主要内容
React 全栈框架

evjs

围绕页面开发，框架处理底层连接

通过统一的应用模型组织文件式页面、按需加入服务端代码，并为每个页面选择渲染方式和部署方式。

开始构建了解框架设计
src/pages
pages/
├── page.tsx                 # /
└── products/
    └── $productId/
        ├── page.tsx         # /products/:productId
        ├── page.config.ts
        └── get-product.server.ts

// page.tsx
export default function ProductPage() {
  return <Product />;
}
从这里开始

按开发任务逐步上手

从当前要完成的事情出发，进入对应指南。

01

创建项目

创建应用，完成第一个页面和页面跳转。

02

完善页面体验

配置页面路由、布局、导航和渲染方式。

03

加入服务端能力

调用服务端函数，或提供公开的 HTTP 接口。

04

构建与部署

生成生产产物，并根据运行环境选择部署方式。

框架设计

从核心概念开始，逐步扩展应用

目录决定页面 URL

在路由目录中放置 page.tsx，并将页面组件、数据逻辑和测试就近组织。

逐页选择渲染方式

默认使用 CSR；只有页面确实需要不同交付方式时，再选择 SSR、SSG、PPR 或 RSC。

调用服务端函数

从 "use server" 模块导出类型安全的函数，并在应用代码中直接调用。

提供标准 HTTP API

通过文件路由和大写 HTTP 方法导出，使用标准 Request 与 Response 处理请求。

通过插件扩展能力

在应用级统一配置插件，并按需在页面中启用类型化配置。

支持多种部署方式

纯浏览器应用可部署为静态站点，也可构建面向 Node.js、Edge 或前后端分离架构的服务端产物。