All Projects → 54sword → Xiaoduyu.com

54sword / Xiaoduyu.com

🐟小度鱼 - 年轻人的交流社区 https://www.xiaoduyu.com

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Xiaoduyu.com

Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (-71.58%)
Mutual labels:  webpack, babel, react-router, react-redux
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (-74.32%)
Mutual labels:  webpack, babel, react-router
Create React Server
Server & middleware for React + Router + Redux with Server Side Rendering
Stars: ✭ 139 (-74.68%)
Mutual labels:  webpack, react-router, react-redux
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (-69.95%)
Mutual labels:  webpack, babel, react-router
React Redux Auth0 Kit
Minimal starter boilerplate project with CRA, React, Redux, React Router and Auth0 authentication
Stars: ✭ 115 (-79.05%)
Mutual labels:  webpack, babel, react-router
Modern Javascript
Code for TylerMcGinnis.com's "Modern JavaScript" course
Stars: ✭ 130 (-76.32%)
Mutual labels:  webpack, babel, react-router
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (-73.59%)
Mutual labels:  webpack, babel, react-router
Webpack Core Usage
webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
Stars: ✭ 94 (-82.88%)
Mutual labels:  webpack, babel, react-router
React
Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss
Stars: ✭ 244 (-55.56%)
Mutual labels:  webpack, babel, react-router
React Redux Graphql Apollo Bootstrap Webpack Starter
react js + redux + graphQL + Apollo + react router + hot reload + devTools + bootstrap + webpack starter
Stars: ✭ 127 (-76.87%)
Mutual labels:  apollo-client, webpack, react-router
Productivity Frontend
Productivity Application - Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive.
Stars: ✭ 234 (-57.38%)
Mutual labels:  apollo-client, babel, react-router
Universal React Redux
🧐 A sensible universal starter kit for React + Redux
Stars: ✭ 112 (-79.6%)
Mutual labels:  webpack, babel, react-router
React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: ✭ 103 (-81.24%)
Mutual labels:  webpack, babel, react-router
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (-75.59%)
Mutual labels:  webpack, babel, react-router
Koa Mobx React Starter
A straightforward starter for Node javascript web projects. Using Koa, MobX and ReactJS (with universal / isomorphic server rendering)
Stars: ✭ 102 (-81.42%)
Mutual labels:  webpack, babel, react-router
Quickbill
Create unlimited invoices for free.
Stars: ✭ 278 (-49.36%)
Mutual labels:  webpack, react-router, react-redux
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (-88.16%)
Mutual labels:  webpack, babel, react-router
Award
⚙基于react的服务端渲染框架
Stars: ✭ 91 (-83.42%)
Mutual labels:  webpack, babel, react-router
React Course
Code for ui.dev's "React" course
Stars: ✭ 2,457 (+347.54%)
Mutual labels:  webpack, babel, react-router
react-pits
React 中的坑
Stars: ✭ 29 (-94.72%)
Mutual labels:  babel, react-router, react-redux

小度鱼

小度鱼(网站)

年轻人的交流社区

小度鱼开源项目

项目 项目体验 原代码 主要技术栈
WEB网站 www.xiaoduyu.com github.com/54sword/xiaoduyu.com React、Redux、React-Router、GraphQL
APP(iOS、Android) 小度鱼 github.com/54sword/xiaoduyuReactNative React-Native、Redux、React-Navigation、GraphQL
后端API www.xiaoduyu.com/graphql github.com/54sword/api.xiaoduyu.com TypeScript、NodeJS、Express、MongoDB、GraphQL
后台管理 admin.xiaoduyu.com github.com/54sword/admin.xiaoduyu.com React、Redux、React-Router、GraphQL

开发环境部署

1. 安装 Node.js  
2. git clone [email protected]:54sword/xiaoduyu.com.git  
3. cd xiaoduyu.com  
4. npm install  
5. cp config/index.default.js config/index.js  
6. npm run dev  
7. 访问 http://localhost:4000  
8. 完成

手动部署到服务器

1、安装 Node.js
2、打包项目

npm run dist 

3、将 dist、package.json、package-lock.json 上传到服务器,然后在服务器进入到项目目录,执行如下命令,安装依赖包

npm install

4、在项目目录下创建logs文件夹
5、启动服务

node ./dist/server/server.js

脚本部署(将本地项目安装或更新到服务器)

使用shell脚本一键安装或更新

1、服务器上安装nodejs与pm2,并需支持全局调用node、pm2命令

2、配置ssh免密码登录服务器
让本机支持ssh免密码登录服务器,配置方法:https://www.cnblogs.com/bingoli/p/10567734.html

3、创建相关的配置文件

cp config/server.default.config.js config/server.config.js

填写 SERVER_IP、PM2_NAME、SERVER_DIR 配置项

4、执行安装命令

npm run install-to-server

5、执行更新命令(本地有修改需要更新的时候执行)

npm run update-to-server

批上传客户端静态文件到七牛

1、创建相关的配置文件,如果已经创建跳过此步骤

cp config/server.default.config.js config/server.config.js

填写配置文件中 qiniu 的信息

2、配置打包静态资源路径
修改配置文件(config/index.js)中的publicPath参数(打包的文件,dist/client/*)

为空时候生产路径:/vendor.db2587d7b2ad7ef882f8.css
如果填写 //img.xiaoduyu.com,生产路径://img.xiaoduyu.com/vendor.db2587d7b2ad7ef882f8.css
这里的//img.xiaoduyu.com,可替换成你的七牛融合 CDN 加速域名

2、执行批上传

npm run upload-to-qiniu

开源协议

MIT

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].