{"id":28464716,"url":"https://github.com/wildcodeschool/workshop-deploy-vanilla","last_synced_at":"2025-06-30T19:32:02.209Z","repository":{"id":231149117,"uuid":"777099716","full_name":"WildCodeSchool/workshop-deploy-vanilla","owner":"WildCodeSchool","description":null,"archived":false,"fork":false,"pushed_at":"2024-04-03T12:08:56.000Z","size":298,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-06-07T05:11:20.022Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://wildcodeschool.github.io/workshop-deploy-vanilla/","language":"Ruby","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/WildCodeSchool.png","metadata":{"files":{"readme":"README-FR.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}},"created_at":"2024-03-25T07:44:36.000Z","updated_at":"2024-04-03T13:51:36.000Z","dependencies_parsed_at":"2024-04-02T18:23:41.711Z","dependency_job_id":"5d8b1735-2615-472a-804f-aec92e5ff613","html_url":"https://github.com/WildCodeSchool/workshop-deploy-vanilla","commit_stats":null,"previous_names":["wildcodeschool/workshop-deploy-vanilla"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/WildCodeSchool/workshop-deploy-vanilla","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WildCodeSchool%2Fworkshop-deploy-vanilla","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WildCodeSchool%2Fworkshop-deploy-vanilla/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WildCodeSchool%2Fworkshop-deploy-vanilla/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WildCodeSchool%2Fworkshop-deploy-vanilla/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WildCodeSchool","download_url":"https://codeload.github.com/WildCodeSchool/workshop-deploy-vanilla/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WildCodeSchool%2Fworkshop-deploy-vanilla/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262838203,"owners_count":23372484,"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":[],"created_at":"2025-06-07T05:10:17.854Z","updated_at":"2025-06-30T19:32:02.185Z","avatar_url":"https://github.com/WildCodeSchool.png","language":"Ruby","readme":"# Déployer des fichiers classiques avec GitHub Pages\n\n[⬅ English version](./)\n\nPourquoi GitHub Pages ? Et bien les hébergements de qualité sont souvent payants. GitHub Pages propose un service correct gratuitement.\n{:.alert-info}\n\n## Que veut dire \"déployer\" ?\n\nLe travail des développeurs est de construire des systèmes de fichiers qui intéragissent ensemble pour former de sites.\nPendant la phase de développement, ils testent leurs fichiers sur un serveur simplifié sur leur ordinateur personnel : le localhost.\n\nMais dans la vraie vie, il faut que tout le monde puisse utiliser leurs fichiers. Il faut alors les mettre sur un serveur accessible par tout le monde. On peut y accéder via une URL (un nom de domaine).\n\n## Tenter de déployer un site par vous-même\n\nLe fastidieux travail de rendre fonctionnel des serveurs dans le monde entier est délégué aux DevOps. Alors changeons de casquette et allons voir l'envers du décor.\n\n### Préparation\n\nPré-requis : [Git/GitHub 1](https://odyssey.wildcodeschool.com/quests/2133)\n{: .alert-info}\n\nCréer un repo sur GitHub. Vous pouvez le laisser public ou privé.\n\nLe lien pour accéder au déploiement, lui, sera public (en même temps, à quoi ça servirait sinon ?).\n\n### Le déploiement proprement dit\n\n- Aller sur l'onglet des `Settings`\n\n![](./images/gh_settings.png)\n\n- Dans la catégorie `Code and automation` à gauche, choisir `Pages`\n\n![](./images/gh_pages_01.png)\n\n- Choisir la branche sur laquelle lancer le déploiement automatique (le plus souvent : `main`) et valider.\n\n![](./images/gh_pages_02.png)\n![](./images/gh_pages_03.png)\n\n### Et la magie opéra\n\nGitHub va maintenant lancer toute une série d'actions pour construire un site avec les fichiers qu'il trouvera sur votre repo. Il suffit d'aller sur l'onglet `Actions` pour le voir.\n\n![](./images/gh_actions_01.png)\n\nSi on veut observer les actions en détails, il suffit de cliquer sur le processus en cours.\n\n![](./images/gh_actions_02.png)\n\nÀ la fin du processus automatique de déploiement, GitHub Pages génère un lien depuis lequel votre site sera accessible.\n\n![](./images/gh_actions_03.png)\n\n## Pour aller plus loin\n\nPour simplifier la vie de tout le monde, vous pouvez personnaliser la section `About` de votre repo (vers la droite de la page).\n\n![](./images/gh_code_01.png)\n\nEn cochant simplement la case `Use your GitHub Pages website`, le champ `Website` se remplira automatiquement. Elle est pas belle la vie ?\n\n![](./images/gh_code_02.png)\n\nLe plus intéressant, c'est qu'à chaque fois que vous ferez un **push** sur la branche connectée à ce déploiement (`main` dans notre cas), le site se mettra automatiquement à jour. Merci les DevOps ❤️.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwildcodeschool%2Fworkshop-deploy-vanilla","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwildcodeschool%2Fworkshop-deploy-vanilla","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwildcodeschool%2Fworkshop-deploy-vanilla/lists"}