Skip to content

Latest commit

 

History

History
54 lines (39 loc) · 899 Bytes

File metadata and controls

54 lines (39 loc) · 899 Bytes

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