构建你自己的框架

此文档正在完善中。如果你对此感兴趣，请联系 vite-plugin-ssr 的维护者

使用 vite-plugin-ssr，你只需数百行代码即可创建属于自己的 Next.js / Nuxt

vite-plugin-ssr 框架使用跟普通 vite-plugin-ssr 应用一样的接口：唯一的区别是一些页面文件（例如 /renderer/\_default.page.server.js 位于 app/node_modules/framework/ 而非 app/

你的框架可以包含 vite-plugin-ssr 以外更多的功能，例如自定义服务器、CLI、部署等

基础框架

一个基础的 vite-plugin-ssr 框架提供了一个 renderer，因此用户不必实现它：

# 由框架实现的renderer
node_modules/framework/renderer/_default.page.server.js
node_modules/framework/renderer/_default.page.client.js

# 用户页面信息
pages/index.page.js
pages/about.page.js

换句话说，此框架负责集成 UI 框架（React、Vue、...），因此该框架的用户要做的就是定义 UI 框架和 /pages/**/*.page.js 文件

渐进式构建框架。我们建议先实现一个普通的 vite-plugin-ssr 应用而不构建任何框架，来渐进式的构建你的框架。若满意 vite-plugin-ssr 应用程序的架构，你就可以开始创建自己的框架了：将 render/ 从 my-app/renderer/ 移动到 my-app/node_modules/my-own-framework/renderer/

Work-in-progress：此页面将包含一个基本的 vite-plugin-ssr 框架示例

All-included 框架

本质上，一个 vite-plugin-ssr 框架是一个包含页面文件（.page.js, .page.server.js, .page.client.js, and/or .page.route.js）的框架。除此之外，vite-plugin-ssr 框架没有什么特别的。你可以在框架中包含任何你想要的，比如自定义服务（如 Express.js）、数据库和 ORM（如 SQLite + Prisma）、部署（如 Cloudflare Workers）、错误跟踪（如 Sentry）、CLI 等

You can implement an all-included framework so that all your framework's users have left to do is: define UI components, and define data models (if your framework has a database). 你可以实现一个 all-included 框架。这样留给你的框架用户要做的就是：定义 UI 组件、定义数据模型（如果框架有数据库）

Work-in-progress：此页面将包含此类框架的示例

更多工具

参考 Vike > 起步 了解更多用于构建你自己的框架的工具