{"id":18861343,"url":"https://github.com/esausilva/react-production-deployment","last_synced_at":"2025-06-19T20:37:59.996Z","repository":{"id":35878361,"uuid":"163696501","full_name":"esausilva/react-production-deployment","owner":"esausilva","description":"Deploy your React app to production on Netlify, Vercel and Heroku","archived":false,"fork":false,"pushed_at":"2023-04-30T04:03:11.000Z","size":1864,"stargazers_count":52,"open_issues_count":128,"forks_count":23,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-28T01:50:39.648Z","etag":null,"topics":["create-react-app","deployment","expressjs","heroku","lambda-functions","netlify","react","reactjs","vercel"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/esausilva.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2018-12-31T20:44:47.000Z","updated_at":"2024-02-28T11:28:27.000Z","dependencies_parsed_at":"2024-11-08T04:40:49.326Z","dependency_job_id":null,"html_url":"https://github.com/esausilva/react-production-deployment","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esausilva%2Freact-production-deployment","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esausilva%2Freact-production-deployment/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esausilva%2Freact-production-deployment/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/esausilva%2Freact-production-deployment/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/esausilva","download_url":"https://codeload.github.com/esausilva/react-production-deployment/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248881412,"owners_count":21176850,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["create-react-app","deployment","expressjs","heroku","lambda-functions","netlify","react","reactjs","vercel"],"created_at":"2024-11-08T04:29:10.148Z","updated_at":"2025-04-14T12:31:06.759Z","avatar_url":"https://github.com/esausilva.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/esausilva"],"categories":[],"sub_categories":[],"readme":"# React Production Deployment\n\nThe repo contains examples on how to deploy your React application to Netlify, Now and Heroku.\n\nEach directory is a separate project containing all the necessary code to deploy to each platform and we deploy the same app to the different platforms.\n\n## The App\n\nThe React app is very basic in nature, it calls an Express.js and/or Lambda Functions API with only one `POST` route and one `GET` route.\n\nThe `GET` route returns _“Hello from Express”_ and the `POST` route is just one field that when posting it returns _“I received your POST request. This is what you sent me: [from input]”_.\n\nThe app also has client side routing with React Router that navigates to a secondary page and displays a _404 page_ when we enter a URL that does not exist.\n\nYou can see the app below\n\n![React Production Deploy Demo App](https://i.imgur.com/AcPRAN1.gif \"React Production Deploy Demo App\")\n\nUpon loading, React calls the Express.js and/or Lambda Function `GET` endpoint and displays a message. When submitting the single field form, React calls the Express.js and/or Lambda Function `POST` endpoint and displays a message.\n\n## The Tutorials\n\n- [Netlify](https://esausilva.com/2020/07/26/deploy-a-production-react-app-to-netlify/)\n- [Vercel](https://esausilva.com/2020/07/26/deploy-a-production-react-app-to-vercel/)\n- [Heroku](https://esausilva.com/2020/07/26/deploy-a-production-react-app-to-heroku/)\n\n## Giving Back\n\nIf you would like to support my work and the time I put into making tutorials, consider getting me a coffee by clicking on the image below. I would really appreciate it!\n\n[![Buy Me A Coffee](https://www.buymeacoffee.com/assets/img/custom_images/black_img.png)](https://www.buymeacoffee.com/esausilva)\n\n-Esau\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fesausilva%2Freact-production-deployment","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fesausilva%2Freact-production-deployment","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fesausilva%2Freact-production-deployment/lists"}