Razzle Material-UI example with Styled Components using Express with compression
Clone or download
Latest commit f406af4 Sep 7, 2018

README.md

Razzle Material-UI Styled Example

Node.js        Yarn        Razzle        Express

React        Styled Components        Material-UI


GitPunch
⭐ Star and get notified about new releases via email.

Features

  • Razzle
    • Server Side Rendering
    • Hot Module Replacement for both client and server side ReactReact components
    • Up to date JavaScript (ECMAScript 6 (2015)) support
    • Single route static site generation
  • Express server with gzip compression

Getting Started

  • Initial steps
    • Install Node.js and Yarn.
    • Download or clone this repository.
    • Open a command prompt in the project folder.

Install dependencies:

yarn install

Start the server:

yarn start

This command initiates a build process and starts the server in production mode.

Visit http://localhost/ to access the web application.

Development

Start the server in development mode:

yarn dev

Single route static site generation

Generate a static site:

yarn static

Open the index.html within the static folder to access the web application. The folder name can be modified with the RAZZLE_STATIC_PATH environment variable.

Idea behind the example

This project is based on the basic razzle example. This repository also satisfies the following 2 entry points requred by Razzle:

  • src/index.js for the server
  • src/client.js for the browser