{"id":22493041,"url":"https://github.com/gedgonz/deployangulargithubpages","last_synced_at":"2026-04-13T16:32:00.997Z","repository":{"id":120924808,"uuid":"391524059","full_name":"GedGonz/DeployAngularGithubPages","owner":"GedGonz","description":"Deploying angular app to githubpages","archived":false,"fork":false,"pushed_at":"2021-08-01T04:27:29.000Z","size":4,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-02-01T23:15:15.976Z","etag":null,"topics":["angular","deploy","github","github-pages","nodejs","npm","readme"],"latest_commit_sha":null,"homepage":"","language":null,"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/GedGonz.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":"2021-08-01T04:23:43.000Z","updated_at":"2021-08-01T04:27:55.000Z","dependencies_parsed_at":"2024-07-29T01:33:43.644Z","dependency_job_id":null,"html_url":"https://github.com/GedGonz/DeployAngularGithubPages","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/GedGonz%2FDeployAngularGithubPages","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GedGonz%2FDeployAngularGithubPages/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GedGonz%2FDeployAngularGithubPages/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GedGonz%2FDeployAngularGithubPages/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GedGonz","download_url":"https://codeload.github.com/GedGonz/DeployAngularGithubPages/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245924442,"owners_count":20694728,"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":["angular","deploy","github","github-pages","nodejs","npm","readme"],"created_at":"2024-12-06T18:31:16.314Z","updated_at":"2026-04-13T16:31:55.972Z","avatar_url":"https://github.com/GedGonz.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://miro.medium.com/max/1400/1*zpUEUWiy51-U4cqhi9CIZA.jpeg)\n\n\n## Hola! 👋 Esta es una pequeña guía para hacer deploy de una app en angular en GithubPages\n\n\n### Paso 1\nVas a necesitar crear un repositorio en tu github\n\n![](https://res.cloudinary.com/gedgonz/image/upload/v1627790386/1_eznxk7.png)\n\n### Paso 2\nVas a necesitar un proyecto angular, ejecuta el siguiente comando para crear tu proyecto\n\n```js\nng new app-name\n```\n### Paso 3\nInstale Angular CLI gh-pages (https://www.npmjs.com/package/angular-cli-ghpages)\n\nHay una herramienta a su disposición que puede utilizar para implementar fácilmente su aplicación angular en gh-pages, la herramienta angular-cli-pages.\nLa herramienta angular-cli-pages se usa como un comando en la CLI angular con el propósito de la implementación. \n\nPara instalarlo, ejecutemos este comando en nuestra terminal\n\n```js\nnpm i angular-cli-ghpages\nng add angular-cli-ghpages\n```\n#### Nota: \nEste comando instalará angular-cli-ghpages globalmente en su sistema operativo. No es necesario que lo instale de nuevo en caso de que necesite usarlo en el futuro, no es necesario ejecutar nuevamente el primer comando una vez este instalado globalmente.\n\n### Paso 4\nImplementar en gh-pages\n\nDespués de crear la aplicación, ahora puede implementarla en Github Pages usando la herramienta angular-cli-ghpages\n\nEjecute el siguiente comando en su terminal para implementar la aplicación, asegurese de escribir correctamente el nombre de su proyecto y que se encuentre dentro de las diagonales //\n\n```js\nng deploy --base-href=/RickAndMorty/\n```\n\n### Paso 5\nUna vez que desplegué su aplicación angular diríjase a su repositorio y en la sesscion de settings \n\n![](https://res.cloudinary.com/gedgonz/image/upload/v1627791146/2_alpsoj.png)\n\nde clic en la siguiente sección para obtener la url de la pagina\n\n![](https://res.cloudinary.com/gedgonz/image/upload/v1627791146/3_p96uj6.png)\n\nle mostrara la url y ya podrá acceder a ella para ver su app\n\n![](https://res.cloudinary.com/gedgonz/image/upload/v1627791146/4_labnit.png)\n\n![](https://repository-images.githubusercontent.com/381210182/c9263997-0b9e-4fab-ab46-61432263b5d1)\n\n### Nota\nGitHubPages dura al rededor de 30 segundos en aplicar los cambios y mostra la app, siga los pasaos a como se inidcan para que no resiva el 404 de github\n\nte dejo el link del proyecto del ejemplo: https://github.com/GedGonz/AppRickAndMorty\n\nEspero esto te ayude en tus implementaciones y pruebas. Saludos!!\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgedgonz%2Fdeployangulargithubpages","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgedgonz%2Fdeployangulargithubpages","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgedgonz%2Fdeployangulargithubpages/lists"}