laoqiren / Isomorphic Redux Cnode
Licence: mit
😊👻基于react->express->mongo技术栈的同构SPA
Stars: ✭ 123
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Isomorphic Redux Cnode
Nest Angular
NestJS, Angular 6, Server Side Rendering (Angular Universal), GraphQL, JWT (JSON Web Tokens) and Facebook/Twitter/Google Authentication, Mongoose, MongoDB, Webpack, TypeScript
Stars: ✭ 307 (+149.59%)
Mutual labels: webpack, mongoose, mongodb, express
Ecommerce Site Template
A beautiful e-commerce template powered by React, Redux and other modern web tech.
Stars: ✭ 167 (+35.77%)
Mutual labels: webpack, mongoose, mongodb, express
Cmms
Computerized Maintenance Management System
Stars: ✭ 31 (-74.8%)
Mutual labels: mongoose, mongodb, express
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-73.98%)
Mutual labels: webpack, mongodb, express
Mern Boilerplate
Fullstack boilerplate with React, Redux, Express, Mongoose, Passport Local, JWT, Facebook and Google OAuth out of the box.
Stars: ✭ 112 (-8.94%)
Mutual labels: mongoose, mongodb, express
Node Auth
基于 Node Express Mongoose 实现的用户注册/登陆权限验证
Stars: ✭ 10 (-91.87%)
Mutual labels: mongoose, mongodb, express
Deprecated
🚀 Framework for building universal web app and static website in Vue.js (beta)
Stars: ✭ 858 (+597.56%)
Mutual labels: webpack, express, server-rendering
Mean Angular4 Chat App
MEAN stack with Angular 4 Chat App
Stars: ✭ 41 (-66.67%)
Mutual labels: mongoose, mongodb, express
Mevn Cli
Light speed setup for MEVN(Mongo Express Vue Node) Apps
Stars: ✭ 696 (+465.85%)
Mutual labels: mongoose, mongodb, express
Cheatsheets
JavaScript and Node.js cheatsheets
Stars: ✭ 1,191 (+868.29%)
Mutual labels: mongoose, mongodb, express
Fullstack Shopping Cart
MERN stack shopping cart, written in TypeScript
Stars: ✭ 82 (-33.33%)
Mutual labels: mongoose, mongodb, express
Express Boilerplate
🚀 Starter project for a RESTful API in Node with Express & mongoose component-based
Stars: ✭ 9 (-92.68%)
Mutual labels: mongoose, mongodb, express
Node Express Boilerplate
A boilerplate for building production-ready RESTful APIs using Node.js, Express, and Mongoose
Stars: ✭ 890 (+623.58%)
Mutual labels: mongoose, mongodb, express
Jwt Node Vue
Repositório responsável pelo primeiro projeto da série de vídeos: Coding Stuff.
Stars: ✭ 29 (-76.42%)
Mutual labels: mongoose, mongodb, express
Nodepress
😎 RESTful API service for Blog/CMS, powered by @nestjs
Stars: ✭ 829 (+573.98%)
Mutual labels: mongoose, mongodb, express
Tested
Angular Material in MEAN Stack Website Source
Stars: ✭ 35 (-71.54%)
Mutual labels: webpack, mongodb, express
Boilerplate Vue Apollo Graphql Mongodb
Start your magical stack journey!
Stars: ✭ 85 (-30.89%)
Mutual labels: mongoose, mongodb, express
Node Express Mongoose Demo
A simple demo app using node and mongodb for beginners
Stars: ✭ 4,976 (+3945.53%)
Mutual labels: mongoose, mongodb, express
Node Express Mongodb Jwt Rest Api Skeleton
This is a basic API REST skeleton written on JavaScript using async/await. Great for building a starter web API for your front-end (Android, iOS, Vue, react, angular, or anything that can consume an API). Demo of frontend in VueJS here: https://github.com/davellanedam/vue-skeleton-mvp
Stars: ✭ 603 (+390.24%)
Mutual labels: mongoose, mongodb, express
isomorphic-redux-forum
About
基于React->Node->Mongo技术栈的类CNode社区同构单页Web应用,关于此项目开发过程中的经验总结移步我的技术博客相关文章:使用React SSR构建Isomorphic应用
用到的技术栈
- React 构建Web组件
- React-router 客户端路由及ssr路由
- redux 管理应用state
- react服务端渲染 实现同构
- node/express 提供服务
- webpack 构建
- webpack-isomorphic-tools 处理ssr静态资源
- JWTs 前后端分离下的token验证
- Ant Design 构建UI
- redux-devtools 开发者工具
- mongodb/mongoose 提供数据库管理
项目线上Demo
运行Demo
安装依赖
npm install
配置文件
修改配置文件config.js,指定自己的数据库地址，端口，数据库，用户名和密码
编译
npm run build
运行Node server
npm run start
访问3000端口
开发环境
安装依赖
npm install
启动webpack server
npm run run-dev-server
启动express服务器
npm run run-server
访问服务:3000端口(包含了HMR)
Docker部署说明
Dockerfile部署Node镜像, docker-compose.yml以node+mongodb+nginx来写的，可以根据自己需要进行配置。
TODO
- 修复bugs
- 修改文章
- 修改个人资料
- 进一步优化UI
- 单元测试
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].