This is the supporting codebase to the tutorial - No Eject - Create React App with SASS, Storybook and Yarn in a Docker Environment: on how to use create-react-app
with scss
and docker
without ejecting.
There's also a related tutorial on how to deploy this project to a fault tolerant and load balanced AWS docker infrastructure:
Guide to Fault Tolerant and Load Balanced AWS Docker Deployment on ECS
To start it:
a) pull down the repo
b) Build the images in the docker-images
with docker-build -t <name>
and then change the cmd.yml
and docker-compose.yml
file with the <name>
.
i.e. docker-build -t trial/cra-storybook-dev ./docker-images/cra-storybook
and docker-build -t trial/sass-dev ./docker-images/sass-dev-image
OR
Alternatively just docker pull
down the images jcolemorrison/cra-storybook-dev
and jcolemorrison/sass-dev
.
c) in the root directory run docker-compose run web yarn
to install the node_modules
d) once installed, run docker-compose up -d
- the react application will be available at
localhost:3001
- the react storybook willl be available at
localhost:3009
To see logs, just run docker-compose logs -f
and a stream of logs will begin for all of the containers.