fmfe / Genesis
Licence: mit
🔥Micro front end, micro service and lightweight solution based on Vue SSR🔥
Stars: ✭ 353
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Genesis
Shadowsocksshare
Python爬虫/Flask网站/免费ShadowSocks账号/ssr订阅/json 订阅
Stars: ✭ 3,062 (+767.42%)
Mutual labels: ssr
React Storefront
React Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, Apache-2.0 license. Join us as contributor ([email protected]).
Stars: ✭ 292 (-17.28%)
Mutual labels: ssr
Webpack Hot Server Middleware
🔥 Hot reload webpack bundles on the server
Stars: ✭ 319 (-9.63%)
Mutual labels: ssr
React Loadable
⏳ A higher order component for loading components with promises.
Stars: ✭ 16,238 (+4500%)
Mutual labels: ssr
React Coat
Structured React + Redux with Typescript and support for isomorphic rendering beautifully(SSR)
Stars: ✭ 290 (-17.85%)
Mutual labels: ssr
Lightyearvpn
翻墙,科学上网,梯子,VPN下载,加速器,外网,代理,路由,防火墙,GFW。支持UDP,游戏必备。免费VPN试用,全球Shadowsocks节点。免费SS节点,SSR节点和V2ray节点。
Stars: ✭ 282 (-20.11%)
Mutual labels: ssr
Trousers
hooks-first CSS-in-JS library, focused on semantics and runtime performance
Stars: ✭ 295 (-16.43%)
Mutual labels: ssr
V2ray Rules Dat
🦄 🎃 👻 V2Ray 路由规则文件加强版,可代替 V2Ray 官方 geoip.dat 和 geosite.dat,兼容 Shadowsocks-windows、Xray-core、Trojan-Go 和 leaf。Enhanced edition of V2Ray rules dat files, compatible with Xray-core, Shadowsocks-windows, Trojan-Go and leaf.
Stars: ✭ 6,550 (+1755.52%)
Mutual labels: ssr
Ice
🚀 The Progressive App Framework Based On React(基于 React 的渐进式应用框架)
Stars: ✭ 16,961 (+4704.82%)
Mutual labels: ssr
Doracms
DoraCMS是基于Nodejs+eggjs+mongodb编写的一套内容管理系统,结构简单,较目前一些开源的cms,doracms易于拓展,特别适合前端开发工程师做二次开发。
Stars: ✭ 3,180 (+800.85%)
Mutual labels: ssr
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (-19.26%)
Mutual labels: ssr
React Koa2 Ssr
a Isomorphic framework demo for react server side rendering ( react 同构工程项目骨架,基于create-react-app 和 koa2生成器搭建。)
Stars: ✭ 299 (-15.3%)
Mutual labels: ssr
Quasar
Quasar Framework - Build high-performance VueJS user interfaces in record time
Stars: ✭ 20,090 (+5591.22%)
Mutual labels: ssr
Awesome Universal Rendering
Awesome resources about server side sendering (SSR), static rendering, pre-rendering, static site generators (SSG).
Stars: ✭ 308 (-12.75%)
Mutual labels: ssr
What is Genesis?
- It is a render Library Based on Vue SSR. It provides four render modes:
ssr-html
,ssr-json
,csr-html
andcsr-json
. -
HTML
render mode, can improve the first screen render speed and more SEO friendly. -
JSON
render mode can be used forVue
、EJS
、React
, etc. for server-side render or client-side render. - Microservices provide API interfaces that uses
JSON
render mode to generateHTML
structures which can be embedded into html pages on client-side or server-side.
Quick start
yarn
yarn dev # Development
yarn build # Build production package
yarn start # Run production package
# open http://localhost:3000
Document
Codesandbox
- vue-genesis-template A very basic and simple example
Demo
- vue-genesis-template Create SSR project from zero
- genesis-router-demo A demo of using Vue router
- vue-genesis-micro A demo for microservice aggregation
- vue2-demo A demo of using vuex and Vue router
Core library description
Library | Version | Downloads | Explain |
---|---|---|---|
genesis-core | Provides basic plug-in mechanism, SSR rendering logic and program configuration | ||
genesis-compiler | Can only be used in the development environment. It compiles the program, and handles the webpack's core logic | ||
genesis-app | Quickly create applications and wrap vue-router
|
||
genesis-remote | Remote components to implement the core dependency of microservices | ||
square | A state management library designed for micro modules | ||
genesis-lint | A code guideline includes eslint and stylelint |
Cooperative partners
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].