Razzle Material-UI Styled Example

⭐ Star and get notified about new releases via email.

Features

- Server Side Rendering
- Hot Module Replacement for both client and server side React components
- Up to date JavaScript (ECMAScript 6 (2015)) support
- Single route static site generation
server with gzip compression
- HTML and inline CSS and JS minification with HTMLMinifier
- Styled Components
- Material-UI

Getting Started

Initial steps
- Install and .
- 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

Razzle Material UI Styled Example

Razzle Material UI Styled Example