Why Choose SSR Framework
Thessr framework is an out-of-the-box server-side rendering framework built for frontend frameworks in server-side rendering scenarios.
This framework evolved from theegg-react-ssr project andssr v4.3 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 v5.0 version, it supports bothReact andVue2,Vue3 as server-side rendering frameworks. For build tools, we also support the most popularVite to improve application startup speed and HMR speed, and provide one-click deployment to cloud in Serverless form.
We can confidently say it is themost advanced ssr framework on Earth. If you want an out-of-the-box experience with one-click cloud deployment, choose thessr framework.
When Should You Choose the SSR Framework
- Need to use in scenarios combining
Node.jswith frontend frameworks. Unlike other pure frontend frameworks, thessrframework is specifically built for server-side rendering scenarios or scenarios combiningNode.jswith 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
ssrframework has the clearest rendering logic and application build logic among similar frameworks. - May change technology stacks, such as upgrading from
Vue2toVue3, downgrading fromVue3toVue2, or switching betweenReact/Vue. - Need out-of-the-box support for popular UI libraries like
antdandvantin server-side rendering scenarios. - Need to support both
WebpackandVitedevelopment tools to get fast startup speed, HMR speed, and stable production code. - Need to usepinia as data management solution in
Vue3 SSR. - Simply need a faster and better
craorvue-cli. Thessrframework also provides excellent support in purecsrscenarios.
Features
- 🌱 Extremely customizable: Frontend supports modern Web frameworks like React/Vue2/Vue3;
- 🚀 Ready to use: Built-in 10+ scaffold extensions likePinia,antd,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 Webpack/Vite
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) | 🚀 |
| Smoothestvitesupport | 🚀 |
| Minimal and elegant server-side rendering implementation | 🚀 |
| Supportpre-rendering capability | 🚀 |
| Optimized production code bundle size for Serverless scenarios with strict code package size limitations | 🚀 |
| Support both conventional frontend routing and declarative frontend routing | 🚀 |
| Abandon traditional template engines, all page elements unified using frontend components as DSL | 🚀 |
| Support four rendering modes simultaneously, providing one-click degradation from server-side rendering to client-side rendering | 🚀 |
| Unify data fetching methods for different frameworks on server and client sides, achieving high reusability | 🚀 |
| Type-friendly, fully embrace TypeScript | 🚀 |
| Support seamless integration withantdvant without modifying any configuration | 🚀 |
| Support using less as CSS preprocessor | 🚀 |
| Seamlessusage in micro-frontend scenarios | 🚀 |
| Support using context orvaltio for minimalistdata management solutions, abandoning traditional redux/dva data management solutions | 🚀 |
Vue3 scenarios providePinia andProvide/Inject to replaceVuex for cross-component communication | 🚀 |
| Support creation and usage on Alibaba Cloudplatform | 🚀 |
| ssr deploy one-click deployment toAlibaba Cloud platform | 🚀 |
| ssr deploy --tencent one-click deployment toTencent Cloud platform without modifying any configuration | 🚀 |
Solution Comparison
For comparison with similar frameworks and why choose thessr framework, please check thedocumentation.
What companies are using
Companies (applications) currently using this project. If you are using it but not listed, please raise anissue. We welcome promotion and sharing, and will provide technical support at any time.
We believe the SSR framework represents the future of server-side rendering solutions. Choose SSR for your next project and experience the difference!
