{"id":27648231,"url":"https://github.com/sudirkrishnaars/react-vite-deployment-template","last_synced_at":"2026-05-16T15:37:02.394Z","repository":{"id":289216259,"uuid":"970503434","full_name":"SudirKrishnaaRS/react-vite-deployment-template","owner":"SudirKrishnaaRS","description":"This repo walks through the react-vite deployment in GitHub Pages","archived":false,"fork":false,"pushed_at":"2025-04-22T06:33:47.000Z","size":104,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-21T09:46:08.410Z","etag":null,"topics":["gh-pages-site","react","react-deployment-gh-pages","react-vite"],"latest_commit_sha":null,"homepage":"https://sudirkrishnaars.github.io/react-vite-deployment-template/","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/SudirKrishnaaRS.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":"2025-04-22T05:44:15.000Z","updated_at":"2025-04-22T06:33:50.000Z","dependencies_parsed_at":"2025-04-22T07:12:08.750Z","dependency_job_id":"4f559180-5c56-4d07-84f8-39e13961b814","html_url":"https://github.com/SudirKrishnaaRS/react-vite-deployment-template","commit_stats":null,"previous_names":["sudirkrishnaars/react-vite-deployment-template"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SudirKrishnaaRS/react-vite-deployment-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SudirKrishnaaRS%2Freact-vite-deployment-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SudirKrishnaaRS%2Freact-vite-deployment-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SudirKrishnaaRS%2Freact-vite-deployment-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SudirKrishnaaRS%2Freact-vite-deployment-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SudirKrishnaaRS","download_url":"https://codeload.github.com/SudirKrishnaaRS/react-vite-deployment-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SudirKrishnaaRS%2Freact-vite-deployment-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278486308,"owners_count":25994945,"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","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["gh-pages-site","react","react-deployment-gh-pages","react-vite"],"created_at":"2025-04-24T02:36:44.860Z","updated_at":"2025-10-05T17:11:07.979Z","avatar_url":"https://github.com/SudirKrishnaaRS.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React-Vite deployment using GitHub Pages\n\n\u003e Reference : [Click here](https://youtu.be/hn1IkJk24ow?si=mqOZyurEs1KvL7Ke)\n\n### Step 1: Add `base` URL in `vite.config.js`\n\n```javascript\n base: \"/repositoryName\",\n```\n\nCommit: [Refer Here](https://github.com/SudirKrishnaaRS/react-vite-deployment-template/commit/f55ac5033d7b56ccd64ff0bd2dbcbd3e8017a516)\n\nFile Name: `vite.config.js` \n\n\n![image](https://github.com/user-attachments/assets/53a4c06c-ec31-45de-ab30-6febbdc7878f)\n\n### Step 2: Add `homepage` key in package.json\n\n```javascript\n  \"homepage\": \"https://sudirkrishnaars.github.io/repositoryName/\",\n```\n\nCommit: [Refer Here](https://github.com/SudirKrishnaaRS/react-vite-deployment-template/commit/1a3bd7facccd57b939efa3b7f5faa3dac4f052ec)\n\n\n![image](https://github.com/user-attachments/assets/5f9fb3ec-795c-437d-8d9f-0a1448f15b5f)\n\n### Step 3: Install `gh-pages` npm package\n\n```\n npm install gh-pages\n```\n\n### Step 4: Add scripts for predeploy and deploy in package.json\n\n```javascript\n  \"predeploy\": \"npm run build\",\n  \"deploy\": \"gh-pages -d dist\" \n```\n\nCommit: [Refer Here](https://github.com/SudirKrishnaaRS/react-vite-deployment-template/commit/04393aa6b8ac1188cc84a64761e123c3f741c3e4)\n\n\n![image](https://github.com/user-attachments/assets/19369638-d672-4958-b6d9-32aee6893076)\n\n### Step 5: Run the below command(in VS Code) to start the deployment\n\n```\n npm run deploy\n```\n\n### Step 6: Congratulations ✨, your site would be live now 🚀\n\n\u003e NOTE: The above steps are not automated, hence you'll need to run `npm run deploy` to trigger a re-deployment\n\n---\n\n## React + Vite \n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsudirkrishnaars%2Freact-vite-deployment-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsudirkrishnaars%2Freact-vite-deployment-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsudirkrishnaars%2Freact-vite-deployment-template/lists"}