![npm](https://camo.githubusercontent.com/ccb30a0607ecac014eef01e206395dde1192268267b522b684b0f1956fac68e6/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f64742f40666d66652f67656e657369732d636f72652e737667)
![Architecture diagram](https://camo.githubusercontent.com/437594142ae37a8b5b705cbff07037ee14d9a2e932d5bab9de45bb0570862553/68747470733a2f2f666d66652e6769746875622e696f2f67656e657369732d646f63732f72656e64657265722e6a70673f763d31)
- It is a render Library Based on Vue SSR. It provides four render modes:
ssr-html
, ssr-json
, csr-html
and csr-json
.
HTML
render mode, can improve the first screen render speed and more SEO friendly.
JSON
render mode can be used for Vue
、 EJS
、React
, etc. for server-side render or client-side render.
- Microservices provide API interfaces that uses
JSON
render mode to generate HTML
structures which can be embedded into html pages on client-side or server-side.
yarn
yarn dev # Development
yarn build # Build production package
yarn start # Run production package
# open http://localhost:3000
简体中文| English
Library |
Version |
Downloads |
Explain |
genesis-core |
![npm](https://camo.githubusercontent.com/b588b77b8f78c52e09489cd341fb566b82bdfafe6bb0a85432655db8c2e49008/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f40666d66652f67656e657369732d636f72652e737667) |
![npm](https://camo.githubusercontent.com/d4d898547284a77a67b0050d7fba4bf947bd90c2153f8f98437970aefff238ec/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f40666d66652f67656e657369732d636f72652e737667) |
Provides basic plug-in mechanism, SSR rendering logic and program configuration |
genesis-compiler |
![npm](https://camo.githubusercontent.com/104eff90a564d1c6785cf6ad2b5d9060e0609f215b0eff844e8bbb41e834c0d2/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f40666d66652f67656e657369732d636f6d70696c65722e737667) |
![npm](https://camo.githubusercontent.com/9911a605b611c7e6cf7d3117f7cbc3e2f7db64a83cfe8c7f7c686ae7e6c37669/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f40666d66652f67656e657369732d636f6d70696c65722e737667) |
Can only be used in the development environment. It compiles the program, and handles the webpack's core logic |
genesis-app |
![npm](https://camo.githubusercontent.com/ad938b2ad77e1528d2f24f6f79ee0970fa8a03124b7d9dff0a2101b74b5ebded/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f40666d66652f67656e657369732d6170702e737667) |
![npm](https://camo.githubusercontent.com/64488f28ce6c8e016f1e9e03e9cd693b0a3531ce6de2d263051c7253731a9ccc/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f40666d66652f67656e657369732d6170702e737667) |
Quickly create applications and wrap vue-router |
genesis-remote |
![npm](https://camo.githubusercontent.com/a899a2b3a91d48b4ade1c3bcf378eb9781508408db90d547c17d0302e55b4336/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f40666d66652f67656e657369732d72656d6f74652e737667) |
![npm](https://camo.githubusercontent.com/382cbdab2baf6865ea31507d8b547197feac53b16576db8ab2ec4f319aea2b98/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f40666d66652f67656e657369732d72656d6f74652e737667) |
Remote components to implement the core dependency of microservices |
square |
![npm](https://camo.githubusercontent.com/bbda69adcc542f461d56b3c3d8a1986fff39e1dc5121dcd50ac9934d1f614ed0/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f40666d66652f7371756172652e737667) |
![npm](https://camo.githubusercontent.com/a41fdbbc8c672cb79ff16e35e964723a48a3685dcbc48972dc0195c962aa8235/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f40666d66652f7371756172652e737667) |
A state management library designed for micro modules |
genesis-lint |
![npm](https://camo.githubusercontent.com/30ac9643c62820c1e36d272e20a64ed92723dba093f301c1e7045c7284b2f667/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f40666d66652f67656e657369732d6c696e742e737667) |
![npm](https://camo.githubusercontent.com/826668b64ef2ca31a44ac40bfaac5ec76b72c148989fd0c27bd14d8b6b0dd81e/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f40666d66652f67656e657369732d6c696e742e737667) |
A code guideline includes eslint and stylelint |