webpack-react-redux-server-side-render-docker-example

Example of an React/Redux application with webpack including server-side rendering.

Features

• React
• Redux
• Server-Side Rendering
• styled-component
• Webpack 5
• Docker

Overview

Webpack compile javascript for usage in server and client via two separate configurations.

Use Redux Ducks Pattern in codebase.

Environment Variable

We use dotenv, so make sure you have this environment variables ready in .evn

API_HOST=https://jsonplaceholder.typicode.com
SERVER_PORT=3000
SERVICE_HOST=http://localhost:3000

Quick Start

npm install

npm run dev

Docker

Prerequisites

Make sure you have already installed Docker Engine.

$ docker -v
Docker version 20.10.7, build f0df350

Run

  npm run docker:up