Webpack React Express Boilerplate

A lightweight, minimal, plug and play boilerplate. Express for the backend, React for the client, tied together with Webpack and themed with Blossom.

Get started

1. Clone this repo using git clone https://github.com/aotik/webpack-react-express.git
2. Move to the working directory cd webpack-react-express
3. Run npm install to install the appropriate node modules
4. Run npm start
5. Open up http://localhost:3000 in your browser

What you'll encounter

• Webpack 3
• Webpack dev middleware
• React
• React Router
• React Hot Loader
• Express
• Blossom UI
• Babel ES6
• Eslint
• Stylus (Plugins include: Nib, Jeet & Rupture)

Features

Client and server

Combines an environment of both a client, powered by React, and a server, powered by Express.

Router ready

Start building your pages by creating your routes in React. The boilerplate is using the latest version of React so make sure you're up to date with the latest trends.

Instant feedback

Hot reloading on both the client and server means you can spend more time on getting that project a step further. Save changes on the client to get them streamed straight into your browser. Same goes for style changes done in the Blossom environment. Changes to the server directory will need a hard reload to take effect.

Modular design

Split into modular client and server directories, its dead easy to set up from scratch or plug in another project.

Style ready

Fully embedded Stylus ecosystem with plugins backed up by the Blossom UI framework.

Issues

Please add a detailed issue to the issues section should you encounter one.

License

This project is licensed under the MIT license, Copyright (c) 2017 Stefan Mansson. For more information see LICENSE.md.