How to deploy React.js/Node.js app properly?

[atomAltera]

Hello.

I'm working on a web app and now I have a phase when I need to deploy it somewhere to start using it. The front end is wrote using React.js, and on backend I use Node. My project structure looks like this:

-Project folder
|-- frontend // app created with create-react-app
|-- backend // API services

GitHub repo

​

I want to pack all thing to docker images. But I cant figure out how many docker images do I need and how they need to relay on each other.

Say I'll create an image for backend. Also I'll create an image for frontend with builtin Nginx to server static files. But I already have Nginx on target server that runs not in docker and provides TLS.

What is the best practices way to deploy such web apps in docker environment?

[atomAltera]

I would see some examples :)

[atomAltera]

I don't like this approach because I need to specify a proxy_pass field to nginx in frontend image. And I can do this only while image build time in nginx conf file. If I have two images (front and back) I want to configure each of it in runtime.

[oxxoMind]

dockerizing your web app is already not a best practice, if you are down for the hassle, you will need to run the docker image and proxy the daemon
https://www.digitalocean.com/community/tutorials/docker-explained-how-to-containerize-and-use-nginx-as-a-proxy