{"id":18841416,"url":"https://github.com/marinspira/how-deploy-react","last_synced_at":"2026-04-29T21:03:57.953Z","repository":{"id":225427377,"uuid":"765971574","full_name":"marinspira/how-deploy-react","owner":"marinspira","description":"Today I'm going to guide you through deploying your application on GitHub, making it accessible on the web in just 10 minutes, at no cost!","archived":false,"fork":false,"pushed_at":"2024-03-29T19:28:03.000Z","size":347,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-05T13:36:20.589Z","etag":null,"topics":["deploy-react","deployment","gh-pages","reactjs"],"latest_commit_sha":null,"homepage":"https://marinspira.github.io/how-deploy-react/","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/marinspira.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}},"created_at":"2024-03-02T01:50:55.000Z","updated_at":"2024-09-01T12:08:04.000Z","dependencies_parsed_at":"2024-03-29T20:33:01.734Z","dependency_job_id":"f284a17d-fec1-4297-8f63-cf17d57b20a0","html_url":"https://github.com/marinspira/how-deploy-react","commit_stats":null,"previous_names":["marinspira/how-deploy-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/marinspira/how-deploy-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marinspira%2Fhow-deploy-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marinspira%2Fhow-deploy-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marinspira%2Fhow-deploy-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marinspira%2Fhow-deploy-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/marinspira","download_url":"https://codeload.github.com/marinspira/how-deploy-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marinspira%2Fhow-deploy-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32443576,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T20:22:27.477Z","status":"ssl_error","status_checked_at":"2026-04-29T20:22:26.507Z","response_time":110,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["deploy-react","deployment","gh-pages","reactjs"],"created_at":"2024-11-08T02:51:08.742Z","updated_at":"2026-04-29T21:03:57.936Z","avatar_url":"https://github.com/marinspira.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### 🚀 Deploying a React.js App on GitHub with GitHub Pages in 10 minutes!\n\nHow I love talking about React and to see projects on GitHub, today I'm going to guide you through deploying your application on GitHub, making it accessible on the web in just 10 minutes, at no cost!\n\n### On your GitHub account:\n1. Create a Repository for Your Project:\nAfter signing in, head to GitHub, click on \"New\" to create a new repository. Name your project and click \"Create repository\".\n\n2. Create a new remote branch named \"gh-pages\":\nYou can do this directly on the GitHub platform or cmd.\n\n3. Activate GitHub Pages for your repository:\nGo to your repository's settings on GitHub, scroll down to find the \"GitHub Pages\" section, and select the gh-pages branch as the source.\n\n### In your application:\n1. Install the gh-pages package in your project:\nMake sure you have the gh-pages package installed in your React project. \n\n'npm install gh-pages --save-dev'\n \n2. Update the package.json:\nIn your React project's package.json file, add the following lines:\n\n\"homepage\": \"https: //github. com/marinspira/how-deploy-react\", \n\"scripts\": { \"pre-deploy\": \"npm run build\", \"deploy\": \"gh-pages -d build\" } \n\nDon't forget to replace your username with your GitHub username and repository-name with the name of your repository.\n\n3. Connect your local repository with the remote one following GitHub's steps if you haven't done it yet. \n\n4. Deploy Your App:\nNow, to deploy your React application, run:\n\n'npm run deploy'\n\nWith these simple steps, you can share your React application with the world quickly and easily using GitHub Pages! ✨ \n\nI hope this helps you in your projects! If you have any questions, feel free to reach out.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarinspira%2Fhow-deploy-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarinspira%2Fhow-deploy-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarinspira%2Fhow-deploy-react/lists"}