Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/beauty-enjoy/beauty

👙 VUE + VUEX + FIREBASE + BULMA … 实现的 SPA SSR 同构项目 - Tinder美女/豆瓣美女合集
https://github.com/beauty-enjoy/beauty

beauty firebase ssr vue vuessr vuex website

Last synced: 3 months ago
JSON representation

👙 VUE + VUEX + FIREBASE + BULMA … 实现的 SPA SSR 同构项目 - Tinder美女/豆瓣美女合集

Lists

README

        





Beauty



     这是一个 VUE + VUEX + FIREBASE + BULMA … 实现的 SPA SSR项目

      live demo




WHY

> VUE SSR的相关资料不多, 最全面的demo就是官方的 [vue-hackernews-2.0](https://github.com/vuejs/vue-hackernews-2.0) . 因为各种版本的 hackernews clone 看的太多了,也有点审美疲劳 . 所以有了 [beauty-enjoy/beauty](https://github.com/beauty-enjoy/beauty) 这个Repo

DO

* 先从 [dbmeinv.com](http://dbmeinv.com) 上爬取了数据源,分类存储到firebase中 , 并且保持实时更新 这部分repo是[beauty-enjoy/dbmeinv-firebase-api](https://github.com/beauty-enjoy/dbmeinv-firebase-api)
* 然后参考了现有的一些ssr项目 , 利用 [beauty-enjoy/dbmeinv-firebase-api](https://github.com/beauty-enjoy/dbmeinv-firebase-api) 完成了[beauty-enjoy/beauty](https://github.com/beauty-enjoy/beauty) 这个Repo
 

Preview

![](https://olxvlcccu.qnssl.com/blog/y96bi.jpg?imageslim)

Develop

```sh
# local develop
npm run dev
# build for production
npm run build
# production server
npm run start
```

Related Repo

* Data: [dbmeinv-firebase-api](https://github.com/beauty-enjoy/dbmeinv-firebase-api) [firebase server](https://firebase.google.com/docs/server/setup)
* JS: [vue](https://github.com/vuejs/vue) [vuex](https://github.com/vuejs/vuex)
* UI: [bulma](https://github.com/jgthms/bulma)
* SERVER: [now.sh](https://now.sh)
* [Other Excellent library](https://github.com/beauty-enjoy/beauty/blob/master/package.json)

TODO

- [x] upgrade to SSR
- [ ] add cache for api
- [ ] list all girls page
- [ ] list all location page
- [ ] add commit to posts

Core Team







Netpi Chen

Founder for this repo