Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/luandro/hapi-universal-redux

DEPRECATED: Create an universal React and Redux app in less than 5 minutes!
https://github.com/luandro/hapi-universal-redux

hapi hapijs isomorphic radium react redux redux-devtools-extension ssr

Last synced: about 3 hours ago
JSON representation

DEPRECATED: Create an universal React and Redux app in less than 5 minutes!

Host: GitHub
URL: https://github.com/luandro/hapi-universal-redux
Owner: luandro
License: bsd-3-clause
Created: 2015-07-25T17:55:38.000Z (over 9 years ago)
Default Branch: master
Last Pushed: 2016-11-23T12:00:21.000Z (about 8 years ago)
Last Synced: 2024-04-23T21:34:13.628Z (9 months ago)
Topics: hapi, hapijs, isomorphic, radium, react, redux, redux-devtools-extension, ssr
Language: JavaScript
Homepage: https://hapi-universal-redux.herokuapp.com/
Size: 882 KB
Stars: 214
Watchers: 9
Forks: 24
Open Issues: 10
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

        ![logo](http://i.imgur.com/r8IegDK.jpg)

![dependencies](https://img.shields.io/david/luandro/hapi-universal-redux.svg?style=flat-square)

![devDependencies](https://img.shields.io/david/dev/luandro/hapi-universal-redux.svg?style=flat-square)

***DEPRECATED***: check out alternatives to building a server-side rendered React app:

- [nextJS](https://github.com/zeit/next.js)

- [electrode](https://github.com/electrode-io/electrode-boilerplate-universal-react-node)

Isomorphic starterkit with server-side React rendering using

[npm](https://www.npmjs.com/),

[webpack](https://webpack.github.io/),

[webpack-dev-server](https://github.com/webpack/webpack-dev-server),

[react-transform-hmr](https://github.com/danmartinez101/babel-preset-react-hmre),

[hapi](http://www.hapijs.com/),

[babel](http://babeljs.io/),

[react](https://facebook.github.io/react),

[react-router](https://github.com/reactjs/react-router)

[redux](https://github.com/reactjs/redux),

[redux-devtools-extension](https://github.com/zalmoxisus/redux-devtools-extension),

[react-router-redux](https://github.com/reactjs/react-router-redux),

[radium](https://github.com/FormidableLabs/radium).

![screenshot](http://i.imgur.com/AQXi84d.jpg)

## Features

- Fully automated with npm run scripts

- Server hot reloads with webpack hmr

- Webpack for watch + production builds

- React + Router on the client and server

- React-Transform for instant client updates

- Babel automatically compiles ES6 + ES7

- Redux and Redux-DevTools-Extension for managing app state

- Radium for advanced inline styling

It just works out-of-the-box.

## Installation

Make sure you're using Node >= 4.0.0.

```bash

	git clone https://github.com/luandro/hapi-universal-redux.git

	cd hapi-universal-redux

	npm install

	npm run dev     # start Hapi server and webpack-dev-server hot server

	# production build and run

	npm run production

	# or

	NODE_ENV=production npm run build

	NODE_ENV=production npm run start

```

## Usage

Run `npm run dev` in your terminal and play with `views/Main.js` to get a feel of

the server-side rendering and client-side hot updates.

## License

MIT license. Copyright © 2016, Luandro. All rights reserved.