{"id":78155,"date":"2024-09-23T13:28:38","date_gmt":"2024-09-23T12:28:38","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=78155&#038;preview=true&#038;preview_id=78155"},"modified":"2024-09-24T10:12:36","modified_gmt":"2024-09-24T09:12:36","slug":"deployer-actions-wordpress-github","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/","title":{"rendered":"Comment d\u00e9ployer en continu votre site WordPress sur Kinsta avec les Actions GitHub"},"content":{"rendered":"<p>Le <a href=\"https:\/\/kinsta.com\/fr\/blog\/deploiement-continu-react\/\">d\u00e9ploiement continu<\/a> est un \u00e9l\u00e9ment essentiel du d\u00e9veloppement web moderne. Il permet aux <a href=\"https:\/\/kinsta.com\/fr\/blog\/types-de-developpeurs\/\">d\u00e9veloppeurs<\/a> de d\u00e9ployer automatiquement les modifications d&rsquo;un syst\u00e8me de contr\u00f4le de version vers un environnement r\u00e9el. Cette approche r\u00e9duit les erreurs manuelles et acc\u00e9l\u00e8re le processus de d\u00e9veloppement, garantissant que votre site web est toujours \u00e0 jour avec les derni\u00e8res modifications de code.<\/p>\n<p>En tant qu&rsquo;utilisateur de Kinsta, vous pouvez utiliser <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/connexion-ssh\/\">SSH<\/a> pour pousser les changements directement sur votre serveur. Avec les <a href=\"https:\/\/kinsta.com\/fr\/blog\/configurer-pipeline-ci-cd\/\">actions GitHub<\/a>, vous pouvez automatiser l&rsquo;ensemble du processus de d\u00e9ploiement, en d\u00e9ployant de mani\u00e8re transparente les mises \u00e0 jour sur votre site en direct.<\/p>\n<p>Cet article vous guide dans la mise en place d&rsquo;un d\u00e9ploiement continu pour votre site <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-wordpress\/\">WordPress<\/a> h\u00e9berg\u00e9 sur Kinsta \u00e0 l&rsquo;aide de GitHub Actions. Nous couvrons tous les aspects, de la configuration de votre environnement local \u00e0 l&rsquo;envoi des modifications sur GitHub et \u00e0 leur d\u00e9ploiement automatique sur votre site en ligne.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Pr\u00e9-requis<\/h2>\n<p>Avant de pouvoir mettre en place le d\u00e9ploiement continu de votre site WordPress sur Kinsta, vous devez disposer de quelques \u00e9l\u00e9ments :<\/p>\n<ol start=\"1\">\n<li>Votre site WordPress doit d\u00e9j\u00e0 \u00eatre <a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/dedie\/\">h\u00e9berg\u00e9 sur Kinsta<\/a>.<\/li>\n<li>Vous devez extraire votre site localement. Vous pouvez utiliser <a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">DevKinsta<\/a> ou t\u00e9l\u00e9charger une <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/sauvegardes-wordpress\/\">sauvegarde<\/a>.<\/li>\n<li>Un d\u00e9p\u00f4t GitHub pour stocker et <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-pousser-code-github\/\">pousser le code de votre site<\/a>.<\/li>\n<li>Des connaissances de base de Git, comme pousser du code et utiliser un fichier <code>.gitignore<\/code>.<\/li>\n<\/ol>\n<h2>R\u00e9cup\u00e9rer votre site localement et configurer GitHub<\/h2>\n<p>En tant qu&rsquo;utilisateur de Kinsta, la fa\u00e7on la plus simple d&rsquo;acc\u00e9der aux fichiers locaux de votre site WordPress est d&rsquo;utiliser DevKinsta. En quelques clics, vous pouvez transf\u00e9rer votre site du serveur Kinsta vers DevKinsta, ce qui vous permet de travailler sur votre site localement.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Il est important de noter que lorsque vous repoussez des changements vers Kinsta en utilisant DevKinsta, c&rsquo;est g\u00e9n\u00e9ralement l&rsquo;ensemble du code qui est repouss\u00e9, et non pas seulement les fichiers mis \u00e0 jour. Si vous pr\u00e9f\u00e9rez un contr\u00f4le plus granulaire sur vos d\u00e9ploiements, l&rsquo;utilisation de GitHub Actions avec Git peut \u00eatre une meilleure option.<\/p>\n<\/aside>\n\n<p>Pour ce faire, proc\u00e9dez comme suit<\/p>\n<ol start=\"1\">\n<li>Ouvrez DevKinsta et cliquez sur <strong>Ajouter un site<\/strong>.<\/li>\n<li>S\u00e9lectionnez l&rsquo;option <strong>Importer depuis Kinsta<\/strong>. Cela t\u00e9l\u00e9chargera tout ce qui concerne votre site afin que vous puissiez y acc\u00e9der localement pour le d\u00e9veloppement.<\/li>\n<\/ol>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Si vous pr\u00e9f\u00e9rez ne pas utiliser DevKinsta, vous pouvez \u00e9galement t\u00e9l\u00e9charger le fichier de sauvegarde de votre site depuis MyKinsta, le d\u00e9compresser et suivre les \u00e9tapes ci-dessous.<\/p>\n<\/aside>\n\n<p>Une fois que votre site est disponible localement, ouvrez le dossier du site dans votre \u00e9diteur de code pr\u00e9f\u00e9r\u00e9. Avant de pousser les fichiers sur GitHub, ajoutez un fichier <code>.gitignore<\/code> dans le r\u00e9pertoire racine de votre projet pour \u00e9viter de t\u00e9l\u00e9charger des <a href=\"https:\/\/kinsta.com\/fr\/blog\/fichiers-wordpress\/\">fichiers WordPress<\/a> inutiles, des t\u00e9l\u00e9chargements ou des informations sensibles. Vous pouvez utiliser un <a href=\"https:\/\/github.com\/github\/gitignore\/blob\/main\/WordPress.gitignore\" target=\"_blank\" rel=\"noopener noreferrer\">mod\u00e8le<\/a> standard <code>.gitignore<\/code> pour WordPress. Copiez le contenu du mod\u00e8le et enregistrez-le.<\/p>\n<p>Ensuite, cr\u00e9ez un d\u00e9p\u00f4t GitHub et transf\u00e9rez les fichiers de votre site sur GitHub.<\/p>\n<h3>Configurer les secrets GitHub pour Kinsta<\/h3>\n<p>Pour automatiser le d\u00e9ploiement de GitHub vers Kinsta, vous aurez besoin de quelques informations SSH importantes, notamment votre nom d&rsquo;utilisateur, votre mot de passe, votre port et votre adresse IP. Comme ces informations sont sensibles, stockez-les en tant que secrets GitHub.<\/p>\n<p>Pour ajouter des secrets dans GitHub :<\/p>\n<ol start=\"1\">\n<li>Acc\u00e9dez \u00e0 votre d\u00e9p\u00f4t sur GitHub.<\/li>\n<li>Cliquez sur <strong>Settings<\/strong> &gt; <strong>Secrets and variables<\/strong> &gt; <strong>Actions<\/strong> &gt; <strong>New repository secret<\/strong>.<\/li>\n<li>Ajoutez les secrets suivants :\n<ul>\n<li><code>KINSTA_SERVER_IP<\/code><\/li>\n<li><code>KINSTA_USERNAME<\/code><\/li>\n<li><code>PASSWORD<\/code><\/li>\n<li><code>PORT<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p>Vous pouvez trouver ces d\u00e9tails sur la page <strong>Info <\/strong>de votre site dans votre <a href=\"https:\/\/kinsta.com\/fr\/mykinsta\/\">tableau de bord MyKinsta<\/a>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/sftp-ssh-details.png\" alt=\"D\u00e9tails des informations SFTP\/SSH dans MyKinsta.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">D\u00e9tails des informations SFTP\/SSH dans MyKinsta.<\/figcaption><\/figure>\n<p>Avec cette configuration termin\u00e9e, vous pouvez maintenant configurer le d\u00e9ploiement automatique pour votre site WordPress.<\/p>\n<h2>Configurer votre serveur Kinsta<\/h2>\n<p>Avant d&rsquo;automatiser le processus de d\u00e9ploiement avec les Actions GitHub, vous devez configurer votre serveur Kinsta pour recevoir et d\u00e9ployer du code depuis votre d\u00e9p\u00f4t GitHub.<\/p>\n<p>Cela implique deux \u00e9tapes : la cr\u00e9ation d&rsquo;un d\u00e9p\u00f4t Git nu sur votre serveur Kinsta et la mise en place d&rsquo;un hook <code>post-receive<\/code> pour d\u00e9ployer automatiquement les derni\u00e8res modifications sur votre site live.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Cr\u00e9er un d\u00e9p\u00f4t Git nu sur Kinsta<\/h3>\n<p>Un d\u00e9p\u00f4t Git nu est une destination distante o\u00f9 GitHub va pousser votre code. Ce d\u00e9p\u00f4t n&rsquo;a pas de r\u00e9pertoire de travail &#8211; c&rsquo;est un d\u00e9p\u00f4t central con\u00e7u pour recevoir et stocker votre code.<\/p>\n<p>Pour ce faire, commencez par vous connecter en SSH \u00e0 votre serveur Kinsta en utilisant la <strong>commande terminal SSH<\/strong> disponible dans votre tableau de bord MyKinsta :<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/ssh-terminal-command.png\" alt=\"Commande terminal SSH MyKinsta.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Commande terminal SSH MyKinsta.<\/figcaption><\/figure>\n<p>Ensuite, naviguez jusqu&rsquo;au dossier priv\u00e9 de votre serveur (ou cr\u00e9ez-le s&rsquo;il n&rsquo;existe pas encore) :<\/p>\n<pre><code class=\"language-bash\">mkdir -p \/www\/your-site\/private\ncd \/www\/your-site\/private<\/code><\/pre>\n<p>Remplacez ici <code>your-site<\/code> par le nom du dossier de votre site, que vous trouverez dans le chemin d&rsquo;acc\u00e8s sur votre tableau de bord.<\/p>\n<figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/09\/live-path.png\" alt=\"Kinsta live site path\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Chemin du site Kinsta live.<\/figcaption><\/figure>\n<p>Enfin, cr\u00e9ez le d\u00e9p\u00f4t Git nu :<\/p>\n<pre><code class=\"language-bash\">git init --bare your-repo.git<\/code><\/pre>\n<p>Pour <code>your-repo<\/code>, vous pouvez utiliser le nom de votre d\u00e9p\u00f4t GitHub pour des raisons de coh\u00e9rence, mais vous pouvez lui donner n&rsquo;importe quel nom.<\/p>\n<p>Ce d\u00e9p\u00f4t nu recevra le code pouss\u00e9 depuis GitHub.<\/p>\n<h3>2. Configurer le hook post-receive<\/h3>\n<p>Une fois que votre d\u00e9p\u00f4t Git nu est pr\u00eat, vous devez configurer le hook <code>post-receive<\/code>. Ce script va automatiquement d\u00e9ployer le code sur votre site live \u00e0 chaque fois que de nouveaux changements sont pouss\u00e9s sur la branche <code>main<\/code> de GitHub.<\/p>\n<p>Pour ce faire, naviguez vers le r\u00e9pertoire hooks dans votre d\u00e9p\u00f4t Git nu :<\/p>\n<pre><code class=\"language-bash\">cd \/www\/your-site\/private\/your-repo.git\/hooks<\/code><\/pre>\n<p>Cr\u00e9ez et \u00e9ditez le hook <code>post-receive<\/code>:<\/p>\n<pre><code class=\"language-bash\">nano post-receive<\/code><\/pre>\n<p>Ensuite, ajoutez le script suivant au fichier <code>post-receive<\/code>. Ce script extraira le code le plus r\u00e9cent dans le r\u00e9pertoire <code>public<\/code> de votre site :<\/p>\n<pre><code class=\"language-bash\">#!\/bin\/bash\nTARGET=\"\/www\/your-site\/public\"\nGIT_DIR=\"\/www\/your-site\/private\/your-repo.git\"\n\nwhile read oldrev newrev ref\ndo\n    BRANCH=$(git rev-parse --symbolic --abbrev-ref $ref)\n\n    if [[ $BRANCH == \"main\" ]];\n    then\n        echo \"Ref $ref received. Deploying ${BRANCH} branch to production...\"\n        git --work-tree=$TARGET --git-dir=$GIT_DIR checkout -f\n    else\n        echo \"Ref $ref received. Doing nothing: only the main branch may be deployed on this server.\"\n    fi\ndone<\/code><\/pre>\n<p>Le script ci-dessus d\u00e9ploie le code de la branche <code>main<\/code>. La variable <code>TARGET<\/code> pointe vers le r\u00e9pertoire o\u00f9 se trouvent les fichiers de votre site en direct (<code>\/www\/your-site\/public<\/code>). La variable <code>GIT_DIR<\/code> pointe vers le d\u00e9p\u00f4t Git nu.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Dans les instructions et le script ci-dessus, assurez-vous de remplacer <code>your-site<\/code> par le nom r\u00e9el du dossier de votre site, que vous pouvez trouver dans le chemin d&rsquo;acc\u00e8s sur votre tableau de bord Kinsta. Remplacez \u00e9galement les autres informations sp\u00e9cifiques au site, telles que <code>your-repo<\/code>, par les valeurs appropri\u00e9es.<\/p>\n<\/aside>\n\n<p>Enregistrez et quittez le fichier en appuyant sur <strong>Ctrl + X<\/strong>, puis <strong>Y<\/strong> et <strong>Entr\u00e9e<\/strong>.<\/p>\n<p>Enfin, rendez le script ex\u00e9cutable afin qu&rsquo;il puisse s&rsquo;ex\u00e9cuter automatiquement apr\u00e8s chaque pouss\u00e9e :<\/p>\n<pre><code class=\"language-bash\">chmod +x post-receive<\/code><\/pre>\n<p>\u00c0 ce stade, le hook <code>post-receive<\/code> est pr\u00eat \u00e0 d\u00e9ployer du code automatiquement chaque fois que des modifications sont pouss\u00e9es vers la branche <code>main<\/code> dans votre d\u00e9p\u00f4t GitHub.<\/p>\n<h3>3. G\u00e9n\u00e9rez et ajoutez un jeton d&rsquo;acc\u00e8s personnel GitHub (PAT)<\/h3>\n<p>Puisque GitHub <a href=\"https:\/\/dev.to\/shafia\/support-for-password-authentication-was-removed-please-use-a-personal-access-token-instead-4nbk\" target=\"_blank\" rel=\"noopener noreferrer\">ne supporte plus l&rsquo;authentification par mot de passe<\/a>, vous devez utiliser un <a href=\"https:\/\/docs.github.com\/en\/authentication\/keeping-your-account-and-data-secure\/managing-your-personal-access-tokens\" target=\"_blank\" rel=\"noopener noreferrer\">PAT<\/a> pour vous authentifier lorsque vous envoyez du code \u00e0 GitHub via SSH. Ce jeton permettra \u00e0 GitHub d&rsquo;accepter vos pouss\u00e9es en toute s\u00e9curit\u00e9.<\/p>\n<p>Pour g\u00e9n\u00e9rer le jeton :<\/p>\n<ol start=\"1\">\n<li>Acc\u00e9dez \u00e0 votre compte GitHub et cliquez sur votre image de profil, puis s\u00e9lectionnez <strong>R\u00e9glages<\/strong>.<\/li>\n<li>Dans la barre lat\u00e9rale de gauche, cliquez sur <strong>R\u00e9glages du d\u00e9veloppeur<\/strong>.<\/li>\n<li>Cliquez sur <strong>Jetons d&rsquo;acc\u00e8s personnels<\/strong> &gt; <strong>Jetons (classiques)<\/strong>.<\/li>\n<li>Cliquez sur <strong>G\u00e9n\u00e9rer un nouveau jeton<\/strong> et donnez-lui un nom (par exemple, \u00ab Kinsta Deployment Token \u00bb).<\/li>\n<li>Sous <strong>S\u00e9lectionner la port\u00e9e<\/strong>, cochez <code>repo<\/code> (pour un contr\u00f4le total des d\u00e9p\u00f4ts priv\u00e9s).<\/li>\n<li>Cliquez sur <strong>G\u00e9n\u00e9rer le jeton<\/strong>, et copiez le jeton. (Vous ne pourrez plus le voir)<\/li>\n<\/ol>\n<p>Ensuite, ex\u00e9cutez la commande suivante pour ajouter votre d\u00e9p\u00f4t GitHub en tant que d\u00e9p\u00f4t distant, en rempla\u00e7ant les espaces r\u00e9serv\u00e9s par vos coordonn\u00e9es r\u00e9elles :<\/p>\n<pre><code class=\"language-bash\">git remote add origin https:\/\/your-username:YOUR_PERSONAL_ACCESS_TOKEN@github.com\/your-username\/your-repo.git<\/code><\/pre>\n<p>Remplacez :<\/p>\n<ul>\n<li><code>your-username<\/code> par votre nom d&rsquo;utilisateur GitHub.<\/li>\n<li><code>YOUR_PERSONAL_ACCESS_TOKEN<\/code> par le jeton que vous venez de g\u00e9n\u00e9rer.<\/li>\n<li><code>your-repo<\/code> par le nom de votre d\u00e9p\u00f4t GitHub.<\/li>\n<\/ul>\n<h2>Cr\u00e9er le flux de travail GitHub Actions pour le d\u00e9ploiement automatique<\/h2>\n<p>Maintenant que votre site WordPress est sur votre machine locale, pouss\u00e9 sur GitHub, et que vous avez mis en place les <a href=\"https:\/\/docs.github.com\/actions\/security-guides\/encrypted-secrets\" target=\"_blank\" rel=\"noopener noreferrer\">Secrets GitHub<\/a> n\u00e9cessaires, il est temps de cr\u00e9er un flux de travail GitHub Actions. Ce flux de travail d\u00e9ploie les changements vers Kinsta automatiquement chaque fois que vous poussez vers la branche <code>main<\/code>.<\/p>\n<p>Pour automatiser le d\u00e9ploiement, vous allez cr\u00e9er un fichier <a href=\"https:\/\/yaml.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">YAML<\/a> qui d\u00e9finit comment le d\u00e9ploiement se fera. Voici comment le configurer :<\/p>\n<ol start=\"1\">\n<li>Cr\u00e9ez un nouveau r\u00e9pertoire appel\u00e9 <code>.github\/workflows<\/code> dans votre d\u00e9p\u00f4t GitHub.<\/li>\n<li>Dans ce r\u00e9pertoire, cr\u00e9ez un nouveau fichier appel\u00e9 <code>deploy.yml<\/code>.<\/li>\n<li>Ajoutez le contenu suivant au fichier <code>deploy.yml<\/code>:<\/li>\n<\/ol>\n<pre><code class=\"language-yaml\">name: Deploy to Kinsta\n\non:\n  push:\n    branches:\n      - main\n\njobs:\n  deploy:\n    runs-on: ubuntu-latest\n\n    steps:\n      - name: Checkout code\n        uses: actions\/checkout@v2\n\n      - name: Deploy to Kinsta via SSH\n        uses: appleboy\/ssh-action@v0.1.3\n        with:\n          host: ${{ secrets.KINSTA_SERVER_IP }}\n          username: ${{ secrets.KINSTA_USERNAME }}\n          password: ${{ secrets.PASSWORD }}\n          port: ${{ secrets.PORT }}\n          script: |\n            cd \/www\/your-site\/private\/your-repo.git  # Navigate to the bare Git repository on Kinsta\n            git --work-tree=\/www\/your-site\/public --git-dir=\/www\/your-site\/private\/your-repo.git fetch origin main  # Fetch the latest changes from GitHub\n            git --work-tree=\/www\/your-site\/public --git-dir=\/www\/your-site\/private\/your-repo.git reset --hard origin\/main  # Deploy changes to the live site<\/code><\/pre>\n<h3>Un examen plus approfondi de ce flux de travail<\/h3>\n<p>Voici un aper\u00e7u du d\u00e9roulement des op\u00e9rations :<\/p>\n<ul>\n<li><strong>D\u00e9clencheur <\/strong>: Le flux de travail est d\u00e9clench\u00e9 chaque fois que du code est pouss\u00e9 vers la branche <code>main<\/code> de votre d\u00e9p\u00f4t GitHub.<\/li>\n<li><strong>Jobs <\/strong>: Le flux de travail contient un <code>job<\/code> appel\u00e9 <code>deploy<\/code>, qui s&rsquo;ex\u00e9cute sur une machine virtuelle Ubuntu (<code>ubuntu-latest<\/code>).<\/li>\n<li><strong>V\u00e9rifier le code <\/strong>: Cette \u00e9tape utilise l&rsquo;action <code>actions\/checkout@v2<\/code> pour extraire le dernier code de votre d\u00e9p\u00f4t GitHub.<\/li>\n<li><strong>D\u00e9ploiement via SSH <\/strong>: L&rsquo;action <code>appleboy\/ssh-action<\/code> est utilis\u00e9e pour se connecter en toute s\u00e9curit\u00e9 \u00e0 votre serveur Kinsta via SSH en utilisant les secrets que vous avez configur\u00e9s (IP du serveur, nom d&rsquo;utilisateur, mot de passe et port). Le script de cette \u00e9tape ex\u00e9cute les commandes suivantes :\n<ul>\n<li><code>cd \/www\/your-site\/private\/your-repo.git<\/code>: Navigue vers le d\u00e9p\u00f4t Git nu sur votre serveur Kinsta.<\/li>\n<li><code>git fetch origin main<\/code>: R\u00e9cup\u00e8re les derni\u00e8res modifications de la branche <code>main<\/code> dans votre d\u00e9p\u00f4t GitHub.<\/li>\n<li><code>git reset --hard origin\/main<\/code>: Applique ces changements en mettant \u00e0 jour le site live dans le r\u00e9pertoire <code>public<\/code> o\u00f9 WordPress est h\u00e9berg\u00e9.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Nous utilisons deux options dans les scripts. L&rsquo;option <code>--work-tree<\/code> sp\u00e9cifie l&#8217;emplacement des fichiers de votre site live (le r\u00e9pertoire <code>public<\/code> ), qui est l&rsquo;endroit o\u00f9 WordPress est install\u00e9 et o\u00f9 le d\u00e9ploiement r\u00e9el a lieu. L&rsquo;option <code>--git-dir<\/code> pointe vers le d\u00e9p\u00f4t Git nu (dans le r\u00e9pertoire <code>private<\/code> ) qui stocke l&rsquo;historique Git.<\/p>\n<p>Cela permet de s&rsquo;assurer que le code du d\u00e9p\u00f4t Git est d\u00e9ploy\u00e9 \u00e0 l&#8217;emplacement correct sur votre serveur tout en gardant les donn\u00e9es Git s\u00e9par\u00e9es des fichiers du site en ligne.<\/p>\n<p>N&rsquo;oubliez pas de remplacer <code>your-site<\/code> et <code>your-repo<\/code> par les noms de dossiers et de d\u00e9p\u00f4ts sp\u00e9cifiques \u00e0 votre configuration, que vous trouverez dans le tableau de bord Kinsta.<\/p>\n<\/aside>\n\n<h3>Tester le flux de travail<\/h3>\n<p>Une fois que vous avez configur\u00e9 le flux de travail, vous pouvez le tester en apportant une petite modification \u00e0 la branche <code>main<\/code> de votre d\u00e9p\u00f4t GitHub. Chaque fois que vous apportez une modification, les Actions GitHub d\u00e9clenchent automatiquement le d\u00e9ploiement, en extrayant la derni\u00e8re version de votre code et en la d\u00e9ployant sur votre site en ligne sur Kinsta.<\/p>\n<p>Vous pouvez suivre l&rsquo;\u00e9tat de votre d\u00e9ploiement en allant sur l&rsquo;onglet <strong>Actions<\/strong> dans votre d\u00e9p\u00f4t GitHub. Si le flux de travail rencontre des erreurs, vous verrez des journaux d\u00e9taill\u00e9s qui vous aideront \u00e0 r\u00e9soudre les probl\u00e8mes.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>En mettant en place un d\u00e9ploiement continu pour votre site WordPress \u00e0 l&rsquo;aide des Actions GitHub, vous automatisez votre flux de d\u00e9veloppement, en vous assurant que chaque changement pouss\u00e9 sur GitHub est automatiquement d\u00e9ploy\u00e9 sur votre site live sur Kinsta.<\/p>\n<p>Cela vous permet \u00e9galement d&rsquo;int\u00e9grer des flux de travail suppl\u00e9mentaires dans le pipeline, tels que les tests et le formatage en utilisant le paquet <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-scripts\/\" target=\"_blank\" rel=\"noopener noreferrer\">@wordpress\/scripts<\/a>.<\/p>\n<p><em>Que pensez-vous de ce processus ? Souhaitez-vous que nous vous expliquions autre chose, ou avez-vous rencontr\u00e9 des erreurs en suivant ce guide ? N&rsquo;h\u00e9sitez pas \u00e0 nous faire part de vos questions ou de vos r\u00e9actions dans la section des commentaires ci-dessous !<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le d\u00e9ploiement continu est un \u00e9l\u00e9ment essentiel du d\u00e9veloppement web moderne. Il permet aux d\u00e9veloppeurs de d\u00e9ployer automatiquement les modifications d&rsquo;un syst\u00e8me de contr\u00f4le de version &#8230;<\/p>\n","protected":false},"author":287,"featured_media":78156,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[964,971],"class_list":["post-78155","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-devkinsta","topic-git"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment d\u00e9ployer en continu votre site WordPress sur Kinsta avec les Actions GitHub<\/title>\n<meta name=\"description\" content=\"Apprenez \u00e0 automatiser les d\u00e9ploiements de WordPress vers Kinsta en utilisant les Actions GitHub pour des mises \u00e0 jour efficaces \u00e0 chaque envoi vers votre d\u00e9p\u00f4t GitHub.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment d\u00e9ployer en continu votre site WordPress sur Kinsta avec les Actions GitHub\" \/>\n<meta property=\"og:description\" content=\"Apprenez \u00e0 automatiser les d\u00e9ploiements de WordPress vers Kinsta en utilisant les Actions GitHub pour des mises \u00e0 jour efficaces \u00e0 chaque envoi vers votre d\u00e9p\u00f4t GitHub.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-23T12:28:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-24T09:12:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Apprenez \u00e0 automatiser les d\u00e9ploiements de WordPress vers Kinsta en utilisant les Actions GitHub pour des mises \u00e0 jour efficaces \u00e0 chaque envoi vers votre d\u00e9p\u00f4t GitHub.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Comment d\u00e9ployer en continu votre site WordPress sur Kinsta avec les Actions GitHub\",\"datePublished\":\"2024-09-23T12:28:38+00:00\",\"dateModified\":\"2024-09-24T09:12:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/\"},\"wordCount\":2080,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/\",\"name\":\"Comment d\u00e9ployer en continu votre site WordPress sur Kinsta avec les Actions GitHub\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\",\"datePublished\":\"2024-09-23T12:28:38+00:00\",\"dateModified\":\"2024-09-24T09:12:36+00:00\",\"description\":\"Apprenez \u00e0 automatiser les d\u00e9ploiements de WordPress vers Kinsta en utilisant les Actions GitHub pour des mises \u00e0 jour efficaces \u00e0 chaque envoi vers votre d\u00e9p\u00f4t GitHub.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Git\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/git\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment d\u00e9ployer en continu votre site WordPress sur Kinsta avec les Actions GitHub\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment d\u00e9ployer en continu votre site WordPress sur Kinsta avec les Actions GitHub","description":"Apprenez \u00e0 automatiser les d\u00e9ploiements de WordPress vers Kinsta en utilisant les Actions GitHub pour des mises \u00e0 jour efficaces \u00e0 chaque envoi vers votre d\u00e9p\u00f4t GitHub.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment d\u00e9ployer en continu votre site WordPress sur Kinsta avec les Actions GitHub","og_description":"Apprenez \u00e0 automatiser les d\u00e9ploiements de WordPress vers Kinsta en utilisant les Actions GitHub pour des mises \u00e0 jour efficaces \u00e0 chaque envoi vers votre d\u00e9p\u00f4t GitHub.","og_url":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2024-09-23T12:28:38+00:00","article_modified_time":"2024-09-24T09:12:36+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","type":"image\/png"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Apprenez \u00e0 automatiser les d\u00e9ploiements de WordPress vers Kinsta en utilisant les Actions GitHub pour des mises \u00e0 jour efficaces \u00e0 chaque envoi vers votre d\u00e9p\u00f4t GitHub.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","twitter_creator":"@olawanle_joel","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Joel Olawanle","Dur\u00e9e de lecture estim\u00e9e":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Comment d\u00e9ployer en continu votre site WordPress sur Kinsta avec les Actions GitHub","datePublished":"2024-09-23T12:28:38+00:00","dateModified":"2024-09-24T09:12:36+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/"},"wordCount":2080,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/","url":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/","name":"Comment d\u00e9ployer en continu votre site WordPress sur Kinsta avec les Actions GitHub","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","datePublished":"2024-09-23T12:28:38+00:00","dateModified":"2024-09-24T09:12:36+00:00","description":"Apprenez \u00e0 automatiser les d\u00e9ploiements de WordPress vers Kinsta en utilisant les Actions GitHub pour des mises \u00e0 jour efficaces \u00e0 chaque envoi vers votre d\u00e9p\u00f4t GitHub.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/09\/how-to-continuously-deploy-your-wordpress-site-to-kinsta-with-github-actions.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/deployer-actions-wordpress-github\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Git","item":"https:\/\/kinsta.com\/fr\/sujets\/git\/"},{"@type":"ListItem","position":3,"name":"Comment d\u00e9ployer en continu votre site WordPress sur Kinsta avec les Actions GitHub"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/fr\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/78155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=78155"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/78155\/revisions"}],"predecessor-version":[{"id":78166,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/78155\/revisions\/78166"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78155\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78155\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78155\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78155\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78155\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78155\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78155\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78155\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78155\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/78156"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=78155"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=78155"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=78155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}