GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → vikpe → isomorphic-webapp-starter

vikpe / isomorphic-webapp-starter

Licence: MIT license
Isomorphic webapp starter (MongoDB, Express, React, Redux, Node)

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
SCSS
7915 projects
shell
77523 projects

Labels

reactreduxboilerplateexpressnodewebpackisomorphichot-module-replacement

Projects that are alternatives of or similar to isomorphic-webapp-starter

isomorphic-react-redux-saga-ssr
Isomorphic, React, Redux, Saga, Server Side rendering, Hot Module Reloading, Ducks, Code Splitting
Stars: ✭ 19 (+46.15%)
Mutual labels:  isomorphic, hot-module-replacement
wordpress-starter
Timber (Twig) + Parceljs Bundler
Stars: ✭ 19 (+46.15%)
Mutual labels:  hot-module-replacement
react-ssr-hydration
Example of React Server Side Rendering with Styled Components and Client Side Hydration
Stars: ✭ 15 (+15.38%)
Mutual labels:  isomorphic
isomorphic-react-with-mobx
React + MobX + React-Router + Express
Stars: ✭ 52 (+300%)
Mutual labels:  isomorphic
morphmorph
😱 Isomorphic transformations. Map, transform, filter, and morph your objects
Stars: ✭ 26 (+100%)
Mutual labels:  isomorphic
yllet
Yllet is a set of packages for the WordPress API for both React and non-React projects
Stars: ✭ 46 (+253.85%)
Mutual labels:  isomorphic
react-spa-template
This is a sample template for single page applications built using React + Router to work with webpack dev server
Stars: ✭ 19 (+46.15%)
Mutual labels:  hot-module-replacement
electron-angular-ngrx
An Angular (6x) Electron seed featuring @angular/cli, @ngrx/platform, and Typescript. Complete with HMR workflow
Stars: ✭ 39 (+200%)
Mutual labels:  hot-module-replacement
missionlog
🚀 lightweight logging • supports level based filtering and tagging • weighs in at around 500 bytes
Stars: ✭ 19 (+46.15%)
Mutual labels:  isomorphic
hapi-react-fullstack-boilerplate
Hapi, Sequelize, React, etc.
Stars: ✭ 21 (+61.54%)
Mutual labels:  isomorphic
kaonjs
Kaon.js is a react isomorphic app solution. It contains webpack build, hot reloading, code splitting and server side rendering.
Stars: ✭ 21 (+61.54%)
Mutual labels:  isomorphic
react-ssr-starter
🔥 ⚛️ A React boilerplate for a universal web app with a highly scalable, offline-first foundation and our focus on performance and best practices.
Stars: ✭ 40 (+207.69%)
Mutual labels:  isomorphic
mutoid
Reactive library for data fetching, caching, state management
Stars: ✭ 24 (+84.62%)
Mutual labels:  isomorphic
express-graphql-boilerplate-hmr
Boilerplate for Express + GraphQL with HMR
Stars: ✭ 15 (+15.38%)
Mutual labels:  hot-module-replacement
redux-pluto
redux pluto
Stars: ✭ 75 (+476.92%)
Mutual labels:  isomorphic
universal-progressive-todos
A Todo list with universal JavaScript & Progressive Enhancement
Stars: ✭ 30 (+130.77%)
Mutual labels:  isomorphic
Rephic
💼 Rephic 是一个基于 Koa 的 React 服务端渲染工程脚手架。支持 React-Router, Redux 以及 Less, Sass。
Stars: ✭ 23 (+76.92%)
Mutual labels:  isomorphic
react-ssr-starter
📚 Featuring Webpack 4, React 17-18, SSR, HMR, prefetching, universal lazy-loading, and more
Stars: ✭ 18 (+38.46%)
Mutual labels:  isomorphic
svelte-loader-hot
Webpack loader for svelte components with HMR support
Stars: ✭ 22 (+69.23%)
Mutual labels:  hot-module-replacement
isomorphic-relay-app
Example isomorphic React-Relay-(Modern / Classic)-Router app and helper lib that connects to Artsy's GraphQL service
Stars: ✭ 13 (+0%)
Mutual labels:  isomorphic
View All Similar Projects ➔

Isomorphic Webapp Starter Build Status

Isomorphic web application starter running on Node.

The client consumes data from the server via a REST API.

Contents

Features

  • Automatically inject client-side changes to browser // Hot Module Replacement (HMR)
  • Automatically restart server on server-side changes // nodemon
  • Automatically run tests on code changes (+ display code coverage) // Jest
  • Client and server side ES6 support // Babel.
  • Production build script (minify and hash builds) // Webpack.
  • Code quality (linting) // Prettier
  • SASS
  • Image loading / minification

Installation

  1. Clone/download repo
  2. npm install or yarn install
  3. Download and install MongoDB (Community Server).
  4. Rename .env.example to .env and set properties to match your MongoDB URI and server URI.

Usage

Prerequisite - Make sure that MongoDB is running (mongod).

Development

  • npm run start-client-dev - Build client continously (HMR enabled) serve @ http://localhost:8080
  • npm run start-server-dev - Restart server continously (nodemon enabled) serve @ http://localhost:3000

Production

npm run start-prod

  • Builds client once (HMR disabled)
  • Builds server once (nodemon disabled)
  • App served @ http://localhost:3000

All commands / scripts

Command Description
npm run build Build app (client + server)
npm run build-client Build client (/dist/public/js/client.[hash].min.js)
npm run build-server Build server (/dist/server.min.js)
npm run clean-dist Clean dist, all files (client and server)
npm run clean-dist-client Clean dist client files (/dist/public/*)
npm run clean-dist-server Clean dist server files (/dist/server.min.js)
npm run start-prod (see description above)
npm run start-client-dev Build client continously (HMR enabled) serve @ http://localhost:8080
npm run start-server-dev Restart server continously (nodemon enabled) serve @ http://localhost:3000
npm run start-server-prod Start server once (nodemon disabled) serve @ http://localhost:3000
npm run test Run tests (once)
npm run test-watch Run tests (continously), on source or test file changes.
npm run lint Run prettier - JavaScript and SASS linter
npm run start (alias of npm run start-server-prod)

Deployment

Prerequisites

Make sure that Node and MongoDB are installed and running.

General

  1. Build app: npm run build
  2. Copy / deploy /dist/ to a folder on your server.
  3. Run app: npm run start-server-prod

See also

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