Deploy React App in Docker using Nginx 

Thanks Edlingao for your valuable feedback. Great for encouragement.🙂

Yes you can use this approach

@@avetitutorials4200 but two images are not working in a single ecr container..

Glad to hear that Sanjeev Thanks a lot. It boosts up to create new tutorials. Please like and subscribe and let me know for tutorials on other topics.

@@avetitutorials4200 can u upload a video on how to create dockerfile for html,css and javascript it will be helpful

For a react app, the build process automatically copies all css,javascript and html and puts in build directory. If you want to explicitly copy html css, here's is a Sample Dockerfile #base image FROM node #Make A directory inside docker image RUN mkdir /usr/src/app/css #Copy your css or html content COPY ./css /usr/src/app/css #other copy or mkdir commands for image can be put here RUN yarn # start app CMD ["npm", "start"]

@@avetitutorials4200 thank you how can i connect with u insta id ?

You can comment here, I ll try to resolve your queries.

Hi Atix, thanks for your feeback and question. You can use the image built here to deploy in aws lightsail. Please follow the steps below Push image to docker hub 1. Create docker image with the docker-compose.yml given in the tutorial docker-compose build 2. Push image to docker hub. You need create a docker hub account to push image. a)docker login --username username . provide password on promt b)docker tag aveti-react-docker-starter_react-app YOUR_DOCKERHUB_NAME/aveti-react-docker-starter_react-app c)docker push YOUR_DOCKERHUB_NAME/aveti-react-docker-starter_react-app d)Use this image (aveti-react-docker-starter_react-app) in awss lightsail service in next steps Create Container Service in aws lightsail 1. Go to aws lighsail 2. Create container service 3. Choose aws region for deployment 4. Choose container capacity 5. Go to set up deployment 6. Give name for your container service 7. Click create new container service Deploy an Application in aws lightsail 1. Go to your service 2. Click deployment tab 3. Give container name 4. Give image name you pushed to docker hub 5. Add container entry for public endpoint, select your container

@@avetitutorials4200 oh wow. Thank you do much for the detailed answer

Cool , Thanks Atix for your wonderful review and feedback. Let me know for any queries.

Thanks a lot for your feedback

Thanks Imran for great feedback. Sure will make videos for react and flask.

Please check if version for nginx and is configured correctly.