{"id":20186198,"url":"https://github.com/leolanese/react-dockerizing-app","last_synced_at":"2026-05-04T00:32:08.714Z","repository":{"id":69600598,"uuid":"326798428","full_name":"leolanese/React-dockerizing-app","owner":"leolanese","description":"react-dockerizing-app","archived":false,"fork":false,"pushed_at":"2021-01-04T20:52:19.000Z","size":215,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-13T03:33:22.293Z","etag":null,"topics":["docker","docker-compose","reactjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/leolanese.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-01-04T20:20:30.000Z","updated_at":"2023-05-03T23:05:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"8b75deca-b47a-4f7c-ab62-38819556af39","html_url":"https://github.com/leolanese/React-dockerizing-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/leolanese/React-dockerizing-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leolanese%2FReact-dockerizing-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leolanese%2FReact-dockerizing-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leolanese%2FReact-dockerizing-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leolanese%2FReact-dockerizing-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/leolanese","download_url":"https://codeload.github.com/leolanese/React-dockerizing-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leolanese%2FReact-dockerizing-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32590185,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker","docker-compose","reactjs"],"created_at":"2024-11-14T03:16:21.956Z","updated_at":"2026-05-04T00:32:08.692Z","avatar_url":"https://github.com/leolanese.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-dockerizing-app\nreact-dockerizing-app\n\n## Running images\nOur react app need two images: `one is a node for compiling and building`, and `the other is nginx for running our View`\n\n\n## Working spaces\nThe working directory for `React`: `/my-app`, and for `nginx`: `/usr/share/nginx/html`\n\n## Deploy My-App\n```js\nnpx create-react-app my-app\ncd my-app\nnpm start\n```\n\n## Create a docker image\nCreate a docker image from the docker file doing:\n```js\ndocker image build -t \u003cusername\u003e/\u003cimage-name\u003e .\ndocker push \u003cusername\u003e/\u003cimage-name\u003e\n```\n\n\n## Test it\n```js\ndocker container run -d -p 8080:80 \u003cusername\u003e/\u003cimage-name\u003e\n```\n\n## Composing images\nWe can docker-compose, to escale our container, also for speeding up the testing and building several images simultaneously in a better composable way.\n\n```js\nversion: \"3\"\n\nservices:\n  ui-prod:\n    container_name: ui-prod\n    build:\n      context: .\n      dockerfile: DockerFile.prod\n    ports:\n      - \"8080:80\"\n```\n\n## Run docker-compose\n```js\ndocker-compose up\n```\n---\n### Further information\n[ng-inx](http://nginx.org/en/docs/ngx_core_module.html)\n\n[docker containers](https://www.docker.com/get-started)\n\n[docker compose](https://docs.docker.com/compose/reference/help/)\n\n---\n### :100: \u003ci\u003eThanks!\u003c/i\u003e\n#### Now, don't be an stranger. Let's stay in touch!\n\n\u003e I'm a passionately curious Front-end Engineer. I like sharing what I know, and learning what I don't. London, UK.\n\n##### :radio_button: linkedin: \u003ca href=\"https://www.linkedin.com/in/leolanese/\" target=\"_blank\"\u003e@LeoLaneseltd\u003c/a\u003e\n##### :radio_button: Twitter: \u003ca href=\"https://twitter.com/LeoLaneseltd\" target=\"_blank\"\u003e@LeoLaneseltd\u003c/a\u003e\n##### :radio_button: Portfolio: \u003ca href=\"https://www.leolanese.com\" target=\"_blank\"\u003ewww.leolanese.com\u003c/a\u003e\n##### :radio_button: DEV.to: \u003ca href=\"https://www.dev.to/leolanese\" target=\"_blank\"\u003edev.to/leolanese\u003c/a\u003e\n##### :radio_button: Blog: \u003ca href=\"https://www.leolanese.com/blog\" target=\"_blank\"\u003eleolanese.com/blog\u003c/a\u003e\n##### :radio_button: Questions / Suggestion / Recommendation: developer@leolanese.com","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleolanese%2Freact-dockerizing-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleolanese%2Freact-dockerizing-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleolanese%2Freact-dockerizing-app/lists"}