ssr

SSR

## Version 7.x The `ssr` framework version `7.x` has been released. Read the [documentation](http://doc.ssr-fc.com/docs/features$v7) for more detailed introduction and upgrade guide. Version 7 brings the following new features: - Supports [Rspack](https://rspack.rs), [Rolldown-Vite](https://vite.dev/guide/rolldown), and `Webpack` build tools to greatly improve build performance. - Supports any frontend framework combined with any build tool - Brand new dependency design, streamlined dependencies required for initialization - Progressive upgrade with almost no breaking changes, v6 projects can smoothly transition to v7 Version 7 has been tested to improve build speed by 5-10 times. Dependency size reduced by 2/3 (when using Rspack|Rolldown-Vite scenarios). Use the latest `create-ssr-app` to initialize v7 (recommended) or v6 project templates according to prompts. ```bash $ npm init ssr-app@latest my-ssr-project ``` ## Introduction The `ssr` framework is an out-of-the-box server-side rendering framework built for frontend frameworks in server-side rendering scenarios. To understand what server-side rendering is, please check the [documentation](http://doc.ssr-fc.com/docs/features$ssr). This framework evolved from the [egg-react-ssr](https://github.com/zhangyuang/egg-react-ssr) project and `ssr` v4 version `(midway-faas + react ssr)`. Based on previous foundations, it has made many improvements through plugin-based code organization, supporting the combination of any server-side framework with any frontend framework. Developers can choose to deploy via `Serverless` or deploy as traditional `Node.js` applications. We focus on improving the development experience of server-side rendering applications in `Serverless` scenarios, creating one-stop development and application deployment services. This maximizes developer experience while minimizing application development and deployment costs. In the latest version, it supports `React17/18/19` and `Vue2/Vue3` as frontend frameworks for server-side rendering. For development tools, we support both `Vite|Webpack|Rspack` to improve application startup speed, build speed, and HMR speed. In the `Node.js` framework, the official default `example` provides integration examples based on `Nest.js` and `Midway.js`, two popular `Node.js` frameworks with the `ssr` framework. Of course, the `ssr` framework is designed not to be coupled with any `Node.js` framework, and developers can freely choose to use any `Node.js` framework. If you choose `Midway.js` as your `Node.js` framework, you can directly use the built-in `ssr deploy` command to deploy applications to `Alibaba Cloud` or `Tencent Cloud` platforms with one click. Read our [official documentation](http://doc.ssr-fc.com/) for more detailed understanding. In fact, the documentation itself is developed using the `ssr` framework and deployed to Alibaba Cloud `Serverless` service. ## When Should You Choose the SSR Framework - Need to use in scenarios combining `Node.js` with frontend frameworks. Unlike other pure frontend frameworks, the `ssr` framework is specifically built for server-side rendering scenarios or scenarios combining `Node.js` with frontend. - Need an out-of-the-box server-side rendering capability without manually combining different frontend frameworks with server-side frameworks. - Need framework-level rendering degradation capability that automatically degrades to client-side rendering when server-side rendering fails. - Need a framework with simple configuration and clear logic. The `ssr` framework has the clearest rendering logic and application build logic among similar frameworks. - May change technology stacks, such as upgrading from `Vue2` to `Vue3`, downgrading from `Vue3` to `Vue2`, or switching between `React/Vue`. - Need out-of-the-box support for popular UI libraries like `antd` and `vant` in server-side rendering scenarios. - Need to support both `Webpack` and `Vite` development tools to get fast startup speed, HMR speed, and stable production code. - Need to use [pinia](https://pinia.vuejs.org/) as data management solution in `Vue3 SSR`. - Simply need a faster and better `cra` or `vue-cli`. The `ssr` framework also provides excellent support in pure `csr` scenarios. ## Who's Using Companies (applications) currently using this project. If you are using it but not listed, please raise an [issue](https://github.com/zhangyuang/ssr/issues). We welcome promotion and sharing, and will provide technical support at any time.
优酷视频
微信公众平台
腾讯体育
QQ会员
腾讯视频
牛牛搭
国盛证券
三易科技
腾讯微卡
腾讯手游助手
国家现代农业科技创新中心
部署于阿里云示例应用
部署于腾讯云示例应用
100教育
个人博客
得物
微脉
行动教育
HappyPC
HappyMobile
阿里影业娱乐宝
Vmate短视频
火炽星原CRM
拍信创意
极速二维码
希沃帮助中心
经传多赢股票网
中商全球图书采选平台 ## Features - 　Extremely customizable: Frontend supports modern Web frameworks like React17/React18/Vue2/Vue3; - 　Ready to use: Built-in 10+ scaffold extensions like [Pinia](https://pinia.vuejs.org/introduction.html#basic-example), [antd](https://ant.design/components/overview-cn/), [vant](https://github.com/youzan/vant), TypeScript, Hooks, etc.; - 　Plugin-driven: Based on plugin architecture, users focus more on business logic; - 　Serverless-first: One-click deployment to various Serverless platforms, also supports traditional Web Servers like Egg, Midway, Nest, etc. - 　High availability scenarios, seamless degradation from SSR to CSR, best disaster recovery solution. - 　Feature-rich, build tools support both Webpack/Vite, supports four rendering modes `SSR|CSR|SSG|Html` - ✨ Supports [bun](https://bun.sh/) as js runtime ## Implemented Features indicates implemented features | Milestone | Status | | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | | Support combination of any server-side framework with any frontend framework. (Serverless/Midway/NestJS) + (React17/React18/Vue2/Vue3) | | | Smoothest [vite](https://vite-design.surge.sh/) [support](http://doc.ssr-fc.com/docs/features$vite) | | | Minimal and elegant server-side rendering implementation | | | Support [pre-rendering](http://doc.ssr-fc.com/docs/features$ssg) capability | | | Optimized production code bundle size for Serverless scenarios with strict code package size limitations | | | Support both conventional frontend routing and declarativ