All Projects → luandro → Hapi Universal Redux

luandro / Hapi Universal Redux

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Hapi Universal Redux

Hapi React Hot Loader Example
Simple React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-79.53%)
Mutual labels:  isomorphic, hapi, ssr
Typescript Hapi React Hot Loader Example
Simple TypeScript React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-79.53%)
Mutual labels:  isomorphic, hapi, ssr
Nuxt.js
The Intuitive Vue(2) Framework
Stars: ✭ 38,986 (+18033.02%)
Mutual labels:  isomorphic, ssr
Hapi Nuxt
Nuxt.js plugin for Hapi.js
Stars: ✭ 46 (-78.6%)
Mutual labels:  hapi, ssr
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+505.58%)
Mutual labels:  isomorphic, ssr
Hackernews
HackerNews clone built with Nuxt.js
Stars: ✭ 758 (+252.56%)
Mutual labels:  isomorphic, ssr
React Server
🚀 Blazing fast page load and seamless navigation.
Stars: ✭ 3,932 (+1728.84%)
Mutual labels:  isomorphic, ssr
Preact Redux Isomorphic
preact-redux-isomorphic PWA SPA SSR best practices and libraries in under 80kB page size (for live demo click the link below)
Stars: ✭ 85 (-60.47%)
Mutual labels:  isomorphic, ssr
Webpack Hot Server Middleware
🔥 Hot reload webpack bundles on the server
Stars: ✭ 319 (+48.37%)
Mutual labels:  isomorphic, ssr
Koa React Universal
lightweight React-Koa2 universal boilerplate, only what is essential
Stars: ✭ 112 (-47.91%)
Mutual labels:  isomorphic, ssr
Frontless
Build universal JS applications with Riot.JS
Stars: ✭ 108 (-49.77%)
Mutual labels:  isomorphic, ssr
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✭ 117 (-45.58%)
Mutual labels:  isomorphic, ssr
React App
Create React App with server-side code support
Stars: ✭ 614 (+185.58%)
Mutual labels:  isomorphic, ssr
Ky Universal
Use Ky in both Node.js and browsers
Stars: ✭ 421 (+95.81%)
Mutual labels:  isomorphic, ssr
Use Http
🐶 React hook for making isomorphic http requests
Stars: ✭ 2,066 (+860.93%)
Mutual labels:  isomorphic, ssr
Koot
Koot是基于React和Koa的WEB全栈技术解决方案。
Stars: ✭ 59 (-72.56%)
Mutual labels:  isomorphic, ssr
Angular Ssr
Angular 4+ server-side rendering solution compatible with @angular/material, jQuery, and other libraries that touch the DOM (as well as providing a rich feature set!)
Stars: ✭ 283 (+31.63%)
Mutual labels:  isomorphic, ssr
React Koa2 Ssr
a Isomorphic framework demo for react server side rendering ( react 同构工程项目骨架,基于create-react-app 和 koa2生成器搭建。)
Stars: ✭ 299 (+39.07%)
Mutual labels:  isomorphic, ssr
Oh My Fullstack
🚀 Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express)
Stars: ✭ 99 (-53.95%)
Mutual labels:  isomorphic, ssr
Egg React Ssr
最小而美的Egg + React + SSR 服务端渲染应用骨架,同时支持JS和TS
Stars: ✭ 1,837 (+754.42%)
Mutual labels:  isomorphic, ssr

logo dependencies devDependencies

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

Isomorphic starterkit with server-side React rendering using npm, webpack, webpack-dev-server, react-transform-hmr, hapi, babel, react, react-router redux, redux-devtools-extension, react-router-redux, radium.

screenshot

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.

	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.

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