{"id":41830,"date":"2022-01-27T08:14:53","date_gmt":"2022-01-27T07:14:53","guid":{"rendered":"https:\/\/staging.kinsta.site\/nl\/?p=41830&#038;preview=true&#038;preview_id=41830"},"modified":"2022-09-13T10:02:31","modified_gmt":"2022-09-13T08:02:31","slug":"git-voor-webdevelopment","status":"publish","type":"post","link":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/","title":{"rendered":"Git voor webdevelopment: leer de typische workflow van een project kennen"},"content":{"rendered":"<p>Webdevelopment is intrinsiek gerelateerd aan samenwerking. Meestal werk je met andere developers, maar zelfs als je dat niet doet, kan Git je op veel andere manieren helpen.<\/p>\n<p><a href=\"https:\/\/staging.kinsta.site\/docs\/git\/\">Git is de software<\/a> die de versies beheert van de applicaties die we aan het maken zijn. Het wordt gebruikt door <a href=\"https:\/\/staging.kinsta.site\/podcast\/solo-developer-thousands-websites\/\">solodevelopers<\/a>, grote bedrijven en zelfs Linux, het grootste open source-project ter wereld.<\/p>\n<p>Als <a href=\"https:\/\/staging.kinsta.site\/nl\/blog\/zo-word-webdeveloper\/\">webdeveloper<\/a> is het uiterst belangrijk om te weten hoe je Git op de juiste manier kunt gebruiken voor webdevelopment. We hebben het niet alleen over &#8220;git add&#8221;, &#8220;git commit&#8221; en &#8220;git push&#8221;. Je zou de hele workflow moeten kennen van het maken van een webproject met Git.<\/p>\n<p>Nog niet overtuigd? Laten we beginnen!<\/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>Waarom Git gebruiken?<\/h2>\n<p>Dit zijn slechts enkele van de redenen om Git te gaan gebruiken:<\/p>\n<ul>\n<li><strong>Organisatie<\/strong>: in plaats van je project te beheren in mappen zoals v1, v2, v3, enz., heb je \u00e9\u00e9n project met een speciale database die alle versies van de bestanden opslaat<\/li>\n<li><strong>Samenwerking<\/strong>: Git laat jou en andere mensen tegelijkertijd aan hetzelfde project werken zonder conflicten te cre\u00ebren.<\/li>\n<li><strong>Open source<\/strong>: Git is open source, maar het is ook de tool die we gebruiken om samen te werken en geweldige open source software te maken. Iedereen kan pull-verzoeken doen aan open sourceprojecten op platforms zoals <a href=\"https:\/\/staging.kinsta.site\/knowledgebase\/what-is-github\/\">GitHub<\/a> of <a href=\"https:\/\/staging.kinsta.site\/nl\/blog\/bitbucket-vs-github\/\">Bitbucket<\/a>.<\/li>\n<li><strong>Platformflexibiliteit<\/strong>: tegenwoordig heb je veel verschillende Git hostingservices om uit te kiezen, zoals <a href=\"https:\/\/staging.kinsta.site\/nl\/blog\/gitlab-en-github\/\">Gitlab<\/a>, GitHub, Bitbucket en SourceForge. Je kunt zelfs voor al je projecten een self-hosted oplossing gebruiken.<\/li>\n<li><strong>Eenvoudige backups<\/strong>: maak gemakkelijk fouten ongedaan en verlies nooit je projectcodebase.<\/li>\n<\/ul>\n\n<p>We hebben de term GitHub nu een of twee keer genoemd, dus wat is het verschil tussen Git en GitHub?<\/p>\n<p>Dit kan je in de war brengen als Git helemaal nieuw voor je is. Om het in eenvoudige bewoordingen te zeggen, <a href=\"https:\/\/staging.kinsta.site\/nl\/kennisbank\/git-vs-github\/\">Git en GitHub zijn verwante maar toch verschillende tools<\/a>.<\/p>\n<p>Git is het versiebeheersysteem (VCS) dat we gebruiken om de wijzigingen van onze bestanden onder controle te houden, terwijl GitHub een service is die we gebruiken om onze projectbestanden en hun Git geschiedenis online op te slaan (in de <strong>.git\/<\/strong> map van je project).<\/p>\n<p>Git wordt lokaal op je computer ge\u00efnstalleerd en zonder hostingservices zoals GitHub of GitLab zou het erg moeilijk zijn om met andere <a href=\"https:\/\/staging.kinsta.site\/nl\/blog\/salaris-van-webdevelopers\/\">developers<\/a> samen te werken.<\/p>\n<p>GitHub geeft Git een boost door andere features toe te voegen die de samenwerking verbeteren, zoals klonen, forking en samenvoegen. Samen zorgen deze twee tools voor een relatief vriendelijk ecosysteem om je project te ontwikkelen, te beheren en aan andere mensen te tonen.<\/p>\n\n<h2>Basis Git voor workflow voor webdevelopment<\/h2>\n<p>In de volgende secties leer je meer over Git workflow voor webdevelopment door hands-on te oefenen.<\/p>\n<h3>Installatievereisten<\/h3>\n<p>Als je Git nog niet hebt ge\u00efnstalleerd, is dit een perfect moment. Het is eenvoudig te installeren en beschikbaar op de meeste besturingssystemen.<\/p>\n<p>Download het van de <a href=\"https:\/\/git-scm.com\/downloads\">offici\u00eble downloadpagina<\/a> of installeer het met een package manager als je Linux of macOS gebruikt:<\/p>\n<figure id=\"attachment_108559\" aria-describedby=\"caption-attachment-108559\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/download-git.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108559 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/download-git-1024x598.png\" alt=\" Git downloadpagina.\" width=\"1024\" height=\"598\"><\/a><figcaption id=\"caption-attachment-108559\" class=\"wp-caption-text\">Git downloadpagina.<\/figcaption><\/figure>\n<p>Om te testen of alles goed ging met de installatie, start je een terminal op Linux of macOS door te zoeken naar &#8220;Terminal&#8221; in je toepassingsmenu, of door Git bash te openen op Windows (die standaard met Git wordt ge\u00efnstalleerd).<\/p>\n<p>Typ dan:<\/p>\n<pre><code class=\"language-bash\">git --version<\/code><\/pre>\n<figure id=\"attachment_108560\" aria-describedby=\"caption-attachment-108560\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/git-version.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108560 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/git-version-1024x208.png\" alt=\"Git versie.\" width=\"1024\" height=\"208\"><\/a><figcaption id=\"caption-attachment-108560\" class=\"wp-caption-text\">Git versie.<\/figcaption><\/figure>\n<p>Als je een Git versie als antwoord krijgt, ben je er klaar voor.<\/p>\n<p>We hebben ook een GitHub account nodig, dus zorg ervoor dat je <a href=\"https:\/\/github.com\/join\">je aanmeldt<\/a> of inlogt op GitHub:<\/p>\n<figure id=\"attachment_108562\" aria-describedby=\"caption-attachment-108562\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108562 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/signup-github-1024x693.png\" alt=\"GitHub aanmeldingspagina.\" width=\"1024\" height=\"693\"><figcaption id=\"caption-attachment-108562\" class=\"wp-caption-text\">GitHub aanmeldingspagina.<\/figcaption><\/figure>\n<p>Nadat je Git hebt ge\u00efnstalleerd en bent ingelogd op je GitHub account, kun je doorgaan naar het volgende gedeelte.<\/p>\n<h3>Basics Git workflow voor samenwerkingsprojecten<\/h3>\n<p>Zoals eerder vermeld, ontwikkel je meestal niet binnen soloprojecten. Samenwerken is een belangrijke vaardigheid en Git en GitHub helpen ons om er een eenvoudig maar effectief proces van te maken.<\/p>\n<p>De typische workflow van een Git project ziet er als volgt uit:<\/p>\n<ol>\n<li>Verkrijg een lokale kopie van het project door een repository of repo te klonen. Als je samenwerkt, moet je eerst de repo afsplitsen.<\/li>\n<li>Maak een branch met een logische naam van de feature waaraan je gaat werken.<\/li>\n<li>Bewerk het project.<\/li>\n<li>Voer de wijzigingen door op je lokale computer.<\/li>\n<li>Push de wijzigingen naar de externe repo.<\/li>\n<li>Maak een pull verzoek aan de oorspronkelijke repo.<\/li>\n<li>Voeg conflicten samen en los ze op in de hoofdbranch van de oorspronkelijke repo.<\/li>\n<\/ol>\n<h3>Tutorial<\/h3>\n<p>Nu is het tijd om onze handen vuil te maken!<\/p>\n<p>In deze handleiding ga je een eenvoudige HTML website maken. Voor praktische doeleinden fork je het basisproject van de <a href=\"https:\/\/github.com\/DaniDiazTech\/HTML-site\">HTML siterepository<\/a> naar je GitHub account. Dit kan voor alle openbaar beschikbare repositories.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Een fork is een afzonderlijke kopie van een repository die je kunt beheren en wijzigen zonder het oorspronkelijke project aan te tasten Door een repo te klonen, wordt daarentegen alleen een lokale kopie van de bestanden gemaakt.<\/p>\n<\/aside>\n\n<p>Om de HTML site te forken, ga je naar <a href=\"https:\/\/github.com\/DaniDiazTech\/HTML-site\">deze GitHub repository<\/a> en klik je op de <strong>Fork<\/strong> knop in de rechterbovenhoek van de pagina:<\/p>\n<figure id=\"attachment_108563\" aria-describedby=\"caption-attachment-108563\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/github-fork.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-108563\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/github-fork-1024x495.png\" alt=\"GitHub page focused on the \"Fork\" button.\" width=\"1024\" height=\"495\"><\/a><figcaption id=\"caption-attachment-108563\" class=\"wp-caption-text\">GitHub fork.<\/figcaption><\/figure>\n<p>Nu heb je een fork van de originele repo die alleen beschikbaar is op je GitHub account. Het is exact dezelfde repo &#8211; totdat je wijzigingen begint door te voeren.<\/p>\n<p>Zoals je kunt zien, duurt het forken van een openbare repo slechts een paar seconden. Dit is geweldig voor open sourceprojecten, maar houd er rekening mee dat als je organisatie een priv\u00e9repo heeft, je als contributor moet worden opgenomen voordat je deze probeert te forken.<\/p>\n<p>Het is tijd om je fork naar je lokale machine te brengen. Om dit te doen, moet je het klonen met het commando <code>git clone<\/code>, dat de Git repository ophaalt van de externe server:<\/p>\n<pre><code class=\"language-bash\">git clone remote_url<\/code><\/pre>\n<p>Je moet <code>remote_url<\/code> vervangen door de URL van je fork. Om de exacte URL van een GitHub repo te krijgen, ga je naar de pagina en klik je op <strong>Code<\/strong>. Kies vervolgens <strong>SSH <\/strong>en kopieer de link die het je geeft:<\/p>\n<figure id=\"attachment_108564\" aria-describedby=\"caption-attachment-108564\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/ssh_url.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-108564\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/ssh_url-1024x539.png\" alt=\"SSH repo URL under the \"Code\" button on GitHub.\" width=\"1024\" height=\"539\"><\/a><figcaption id=\"caption-attachment-108564\" class=\"wp-caption-text\">SSH URL.<\/figcaption><\/figure>\n<p>De opdracht die je zou uitvoeren om de gevorkte repo te klonen is:<\/p>\n<pre><code class=\"language-bash\">git clone git@github.com:yourusername\/HTML-site.git<\/code><\/pre>\n<p>Wanneer je een repo kloont, krijg je een map met zijn naam. In die map bevindt zich de broncode van het project (in dit geval de HTML site) en de Git repo, die zich in een map met de naam <strong>.git <\/strong>bevindt.<\/p>\n<p>Je kunt de lijst met bestanden in de nieuwe map zien door de nieuwe map te openen in een grafische bestandsbeheerder, of door ze rechtstreeks vanaf de terminal op te sommen met de <code>ls<\/code> of <code>dir<\/code> <a href=\"https:\/\/staging.kinsta.site\/nl\/blog\/linux-opdrachten\/\">commando&#8217;s<\/a>:<\/p>\n<pre><code class=\"language-bash\"># Linux\/macOS\nls HTML-site\/\n# Windows\ndir HTML-site\\\n.git images .gitignore index.html LICENSE README.md styles.css<\/code><\/pre>\n<p>Deze HTML site is heel eenvoudig. Het gebruikt Bootstrap voor praktische doeleinden en een paar foto&#8217;s van <a href=\"https:\/\/unsplash.com\/\">Unsplash<\/a>, waar je <a href=\"https:\/\/staging.kinsta.site\/nl\/blog\/gratis-afbeeldingen-voor-wordpress\/\">gratis afbeeldingen voor je site kunt downloaden<\/a>.<\/p>\n<p>Als je het <strong>index.html<\/strong> bestand in je browser opent, zie je een eenvoudige pagina met een paar afbeeldingen:<\/p>\n<figure id=\"attachment_108565\" aria-describedby=\"caption-attachment-108565\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/simple-website.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108565 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/simple-website-1024x450.png\" alt=\" De eenvoudige webpagina die we maken.\" width=\"1024\" height=\"450\"><\/a><figcaption id=\"caption-attachment-108565\" class=\"wp-caption-text\">De eenvoudige webpagina die we maken.<\/figcaption><\/figure>\n<p>Het is tijd om met dit project te spelen. Het voelt erg leeg aan en misschien kan een header met de naam van de site de gebruikerservaring verbeteren.<\/p>\n<p>Om dat te doen, voer je de <strong>HTML-site<\/strong> directory in en maak je een branch met de naam <code>header<\/code>. In deze nieuwe branch kunnen we alle bestanden bewerken en zoveel code deployen als we willen, omdat het geen invloed heeft op de hoofd (originele) branch.<\/p>\n<p>Voer de volgende opdracht uit:<\/p>\n<pre><code class=\"language-bash\">git checkout -b header\n<\/code><\/pre>\n<p>Dit zal een branch maken met de naam &#8220;header&#8221; en je schakelt er direct daarna naar over. Het is gelijk aan:<\/p>\n<pre><code class=\"language-bash\">git branch header\ngit checkout header\n<\/code><\/pre>\n<p>Om te bevestigen dat alles goed is gegaan, voer je uit:<\/p>\n<pre><code class=\"language-bash\">git status\n# On branch header\n# nothing to commit, working tree clean\n<\/code><\/pre>\n<p>Je zult zien dat je bent verschoven van de &#8220;main&#8221; branch naar de &#8220;header&#8221; branch, maar de branch is nog steeds schoon omdat we geen bestanden hebben bewerkt.<\/p>\n<p>Open in je <a href=\"https:\/\/staging.kinsta.site\/nl\/blog\/beste-teksteditors\/\">favoriete code-editor<\/a> het bestand <strong>index.html<\/strong> in je branched project. Dit bestand bevat enkele links naar <a href=\"https:\/\/getbootstrap.com\/\">Bootstrap 5<\/a>, zodat we kunnen profiteren van de kant-en-klare componenten van het framework.<\/p>\n<p>Voeg de volgende code toe aan het bestand <strong>index.html<\/strong> in de <code>&lt;body&gt;<\/code> tag en boven de afbeeldingscontainer:<\/p>\n<pre><code class=\"language-html\">&lt;header&gt;\n  &lt;nav class=\"navbar navbar-light bg-light\"&gt;\n    &lt;div class=\"container-fluid\"&gt;\n      &lt;span class=\"navbar-brand mb-0 h1\"&gt;HTML site&lt;\/span&gt;\n    &lt;\/div&gt;\n  &lt;\/nav&gt;\n&lt;\/header&gt;<\/code><\/pre>\n<figure id=\"attachment_108566\" aria-describedby=\"caption-attachment-108566\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/website-with-header.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108566 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/website-with-header-1024x491.jpg\" alt=\" Onze webpagina met een nieuwe header.\" width=\"1024\" height=\"491\"><\/a><figcaption id=\"caption-attachment-108566\" class=\"wp-caption-text\">Onze webpagina met een nieuwe header.<\/figcaption><\/figure>\n<p>Veel mooier! Voel je vrij om andere branches en wijzigingen aan te brengen die je wenst.<\/p>\n<p>Als je klaar bent met het bewerken van het project, is het tijd om alle wijzigingen door te voeren in je lokale repo. Typ in de projectdirectory het volgende in je terminal:<\/p>\n<pre><code class=\"language-bash\">git add --all\ngit commit -m \"Added simple header in index.html file\"<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Alle Git commit berichten moeten duidelijk en zinvol zijn. Elke keer dat je een commit toevoegt, zouden jij en je teamgenoten in staat moeten zijn om te identificeren wat er in die commit is gebeurd, zodat als er een fout optreedt, je deze gemakkelijk kunt repareren.<\/p>\n<\/aside>\n\n<p>Wanneer je voor het eerst een project start, is het gebruikelijk om beschrijvende commit berichten te hebben, maar met de tijd en de verschoven focus, neigt de kwaliteit van de berichten naar beneden te gaan. Zorg ervoor dat je de goede naamgevingspraktijken bijhoudt.<\/p>\n<p>Nu je een commit hebt gemaakt aan je lokale repository (die nog steeds alleen beschikbaar is op je computer), is het tijd om deze naar de externe repository te pushen.<\/p>\n<p>Als je de commit zoals normaal probeert te pushen, zal het niet werken omdat je momenteel aan de <code>header<\/code> branch werkt. Je moet de upstream branch voor <code>header<\/code> instellen:<\/p>\n<pre><code class=\"language-bash\">git push --set-upstream origin header<\/code><\/pre>\n<p>Vanaf 13 augustus 2021 vereist GitHub het gebruik van SSH verificatie, dus zorg ervoor dat je sleutels correct zijn ingesteld.<\/p>\n<p>Hierna zou je een nieuwe branch met de naam <code>header<\/code> in je gevorkte repository moeten kunnen zien (bijv. <strong>https:\/\/github.com\/jouwgebruikersnaam\/HTML-site\/branches<\/strong>):<\/p>\n<figure id=\"attachment_108567\" aria-describedby=\"caption-attachment-108567\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/header-branch.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-108567\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/header-branch-1024x317.jpg\" alt=\"The \"header\" branch's \"Overview\" tab on our project's GitHub page.\" width=\"1024\" height=\"317\"><\/a><figcaption id=\"caption-attachment-108567\" class=\"wp-caption-text\">De &#8220;header&#8221; branch.<\/figcaption><\/figure>\n<p>Om een pull verzoek naar de originele repo aan te maken, klikt je op <strong>Compare<\/strong>, onderaan in het\u00a0<strong>Active branches<\/strong> gedeelte.<\/p>\n<p>Dit zal je naar een pull verzoek leiden, waar je moet kiezen met welke branch (het origineel of je fork) je wilt mergen. Standaard toont het de optie om samen te voegen met de basisrepository:<\/p>\n<figure id=\"attachment_108568\" aria-describedby=\"caption-attachment-108568\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/pull-request.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108568 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/pull-request-1024x363.jpg\" alt=\" Pull verzoeken maken op GitHub.\" width=\"1024\" height=\"363\"><\/a><figcaption id=\"caption-attachment-108568\" class=\"wp-caption-text\">Pull verzoeken maken op GitHub.<\/figcaption><\/figure>\n<p>Zodra je op de pull verzoek optie klikt, moet je een korte beschrijving van de gemaakte wijzigingen schrijven, net als bij je eerdere commits. Nogmaals, probeer beknopt en toch beschrijvend te zijn:<\/p>\n<figure id=\"attachment_108569\" aria-describedby=\"caption-attachment-108569\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/writing-pull-request.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108569 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/writing-pull-request-1024x578.jpg\" alt=\"Het schrijven van een pull verzoekbericht.\" width=\"1024\" height=\"578\"><\/a><figcaption id=\"caption-attachment-108569\" class=\"wp-caption-text\">Het schrijven van een pull verzoekbericht.<\/figcaption><\/figure>\n<p>Klik op de <strong>Create pull request<\/strong> knop en wacht tot de eigenaar van de basisrepository je wijzigingen accepteert of je feedback geeft.<\/p>\n<p>Gefeliciteerd &#8211; je hebt zojuist alle stappen van een algemene Git workflow voor webdevelopment voltooid!<\/p>\n<p>Dit was een heel eenvoudig voorbeeld, maar de logica strekt zich uit over projecten van elke omvang. Zorg ervoor dat je deze workflow ook nauw deployet in grotere samenwerkingsprojecten.<\/p>\n\n<h2>Zo gebruik je Git bij Kinsta<\/h2>\n<p>Als je een <a href=\"https:\/\/staging.kinsta.site\/nl\/demo-inplannen\/\">Kinsta gebruiker<\/a> bent, heb je al twee manieren om Git en GitHub te gebruiken vanuit je <a href=\"https:\/\/staging.kinsta.site\/nl\/mykinsta\/\">MyKinsta portal<\/a>.<\/p>\n<p>Laten we beginnen met de eerste optie. Je kunt eenvoudig <a href=\"https:\/\/staging.kinsta.site\/docs\/connect-to-ssh\/\">SSH in<\/a> en een repo ophalen van elke Git hostingservice zoals GitHub, Gitlab of Bitbucket.<\/p>\n<p>Ga hiervoor naar het <strong>Websites<\/strong> tabblad , selecteer een site en ga naar het <a href=\"https:\/\/staging.kinsta.site\/feature-updates\/add-ssh-keys\/\">gedeelte SSH details<\/a> en kopieer de SSH terminalopdracht.<\/p>\n<figure id=\"attachment_109048\" aria-describedby=\"caption-attachment-109048\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/SSH-details-page.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-109048 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/SSH-details-page-1024x532.png\" alt=\" SSH details sectie. \" width=\"1024\" height=\"532\"><\/a><figcaption id=\"caption-attachment-109048\" class=\"wp-caption-text\">SSH details sectie.<\/figcaption><\/figure>\n<p>Log in via SSH op je site door de bovenstaande opdracht in je terminal te plakken en naar de openbare map van je site te gaan (te vinden onder<strong>\/www\/jouwsitenaam\/<\/strong>). Hier bevinden zich al je WordPress bestanden, zodat je een Git repo kunt ophalen met een aangepast thema of een aangepaste plugin waaraan je hebt gewerkt.<\/p>\n<p>Hier is hoe je een Git repo pullt met een eenvoudig commando:<\/p>\n<pre><code class=\"language-bash\">ssh yourkinstasite@1.2.3.4 -p PORT \"cd \/www\/my_site\/public && git pull https:\/\/github.com\/user\/repo.git\"\n<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>SSH moet worden gebruikt door geavanceerde gebruikers. Als je hier niet goed in bent, aarzel dan niet om eerst contact op te nemen met <a href=\"https:\/\/staging.kinsta.site\/nl\/kinsta-support\/\">Kinsta support<\/a>.<\/p>\n<\/aside>\n\n<p>Met de introductie van de nieuwe GitHub deploymentfeatures bij Kinsta, kun je een volledige WordPress site deployen vanuit een GitHub repository.<\/p>\n<p>Je GitHub repo moet een kopie van de <a href=\"https:\/\/staging.kinsta.site\/knowledgebase\/wordpress-files\/\">WordPress corebestanden<\/a> bevatten, en natuurlijk de content van je site in de map <strong>wp-content<\/strong>.<\/p>\n<p>Laten we deze optie eens snel bekijken.<\/p>\n<p>Ga naar een van de sites van je bedrijf en cre\u00eber een <a href=\"https:\/\/staging.kinsta.site\/docs\/staging-environment\/\">testomgeving<\/a>. Dit zou niet langer dan een paar minuten duren.<\/p>\n<figure id=\"attachment_109049\" aria-describedby=\"caption-attachment-109049\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/staging-env.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-109049 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/staging-env-1024x531.png\" alt=\"Testomgeving.\" width=\"1024\" height=\"531\"><\/a><figcaption id=\"caption-attachment-109049\" class=\"wp-caption-text\">Testomgeving.<\/figcaption><\/figure>\n<p>Zodra je je op je testsite bevindt, ga je naar het <strong>Deployment\u00a0<\/strong>tabblad en klik je op de <strong>Beginnen met setup<\/strong> knop. Je gaat een GitHub popup zien waarmee Kinsta verbinding kan maken met je GitHub account.<\/p>\n<figure id=\"attachment_109050\" aria-describedby=\"caption-attachment-109050\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/begin-setup.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-109050 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/begin-setup-1024x528.png\" alt=\"GitHub Deployment tabblad.\" width=\"1024\" height=\"528\"><\/a><figcaption id=\"caption-attachment-109050\" class=\"wp-caption-text\">GitHub Deployment tabblad.<\/figcaption><\/figure>\n<p>Selecteer nu de repo waar je je site vandaan gaat halen.<\/p>\n<figure id=\"attachment_109051\" aria-describedby=\"caption-attachment-109051\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/choose-repo.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-109051 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/choose-repo-1024x528.png\" alt=\"Verbind Kinsta met GitHub.\" width=\"1024\" height=\"528\"><\/a><figcaption id=\"caption-attachment-109051\" class=\"wp-caption-text\">Verbind Kinsta met GitHub.<\/figcaption><\/figure>\n<p>Deploy ten slotte je site en bezoek deze via je testsite URL.<\/p>\n<figure id=\"attachment_109052\" aria-describedby=\"caption-attachment-109052\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/deploy-site.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-109052 size-large\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2021\/11\/deploy-site-1024x528.png\" alt=\"Nu deployen knop.\" width=\"1024\" height=\"528\"><\/a><figcaption id=\"caption-attachment-109052\" class=\"wp-caption-text\">Nu deployen knop.<\/figcaption><\/figure>\n<p>Deze feature bevindt zich nog in de <strong>Beta <\/strong>fase, maar binnenkort zal elke Kinsta gebruiker er toegang toe hebben.<\/p>\n<p>Het gebruik van Git en Kinsta kan een krachtige combinatie zijn als je ze goed weet te gebruiken. Hoewel onze tutorial hier slechts een eenvoudig voorbeeld geeft, kun je veel meer leren van <a href=\"https:\/\/staging.kinsta.site\/docs\/git\/#how-to-use-git\">ons Git Knowledge Base artikel<\/a>.<\/p>\n\n<h2>Samenvatting<\/h2>\n<p>Tegenwoordig is Git een tool die je moet leren voor webdevelopment, aangezien je meestal met anderen zult samenwerken om het best mogelijke project te cre\u00ebren.<\/p>\n<p>In dit artikel hebben we enkele belangrijke redenen besproken om Git in je projecten te gebruiken, en we hebben je de basisworkflow van samenwerken in een Git repo laten zien.<\/p>\n<p>Git is zo&#8217;n krachtige tool dat je het gebruik ervan zelfs kunt uitbreiden naar <a href=\"https:\/\/staging.kinsta.site\/wordpress-hosting\/\">WordPress hosting<\/a>, dus het kan je alleen maar ten goede komen om het te leren en te deployen als onderdeel van je arsenaal aan webdevelopmentsvaardigheden.<\/p>\n<p><em>Heb je nog andere suggesties voor het verbeteren van deze basis Git workflow voor webdevelopment? Laat het ons weten in de comments sectie!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webdevelopment is intrinsiek gerelateerd aan samenwerking. Meestal werk je met andere developers, maar zelfs als je dat niet doet, kan Git je op veel andere manieren &#8230;<\/p>\n","protected":false},"author":181,"featured_media":41831,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[218,415,406],"topic":[],"class_list":["post-41830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-git","tag-github","tag-web-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.1.2 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Git voor webdevelopment: leer de typische workflow van een project kennen<\/title>\n<meta name=\"description\" content=\"Vraag je je af hoe je Git kan integreren in je webdevelopment-workflow? We vertellen je alles wat je moet weten in deze makkelijke tutorial.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Git voor webdevelopment: leer de typische workflow van een project kennen\" \/>\n<meta property=\"og:description\" content=\"Vraag je je af hoe je Git kan integreren in je webdevelopment-workflow? We vertellen je alles wat je moet weten in deze makkelijke tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-27T07:14:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-13T08:02:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Daniel Diaz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Vraag je je af hoe je Git kan integreren in je webdevelopment-workflow? We vertellen je alles wat je moet weten in deze makkelijke tutorial.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@DaniDiazTech\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Diaz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/\"},\"author\":{\"name\":\"Daniel Diaz\",\"@id\":\"https:\/\/staging.kinsta.site\/nl\/#\/schema\/person\/6e27020d85cad746e82ebc7615d520e9\"},\"headline\":\"Git voor webdevelopment: leer de typische workflow van een project kennen\",\"datePublished\":\"2022-01-27T07:14:53+00:00\",\"dateModified\":\"2022-09-13T08:02:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/\"},\"wordCount\":2387,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/staging.kinsta.site\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg\",\"keywords\":[\"git\",\"GitHub\",\"web development\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/\",\"url\":\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/\",\"name\":\"Git voor webdevelopment: leer de typische workflow van een project kennen\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg\",\"datePublished\":\"2022-01-27T07:14:53+00:00\",\"dateModified\":\"2022-09-13T08:02:31+00:00\",\"description\":\"Vraag je je af hoe je Git kan integreren in je webdevelopment-workflow? We vertellen je alles wat je moet weten in deze makkelijke tutorial.\",\"breadcrumb\":{\"@id\":\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#primaryimage\",\"url\":\"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Git voor webdevelopment: leer de typische workflow van een project kennen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/staging.kinsta.site\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Git voor webdevelopment: leer de typische workflow van een project kennen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/staging.kinsta.site\/nl\/#website\",\"url\":\"https:\/\/staging.kinsta.site\/nl\/\",\"name\":\"Kinsta\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/staging.kinsta.site\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/staging.kinsta.site\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/staging.kinsta.site\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/staging.kinsta.site\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/staging.kinsta.site\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2020\/12\/kinsta.png\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2020\/12\/kinsta.png\",\"width\":580,\"height\":580,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/staging.kinsta.site\/nl\/#\/schema\/person\/6e27020d85cad746e82ebc7615d520e9\",\"name\":\"Daniel Diaz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/staging.kinsta.site\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9882e280c59117b277defa21a692a14056ea64709023ef06e15ccb01b1165527?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9882e280c59117b277defa21a692a14056ea64709023ef06e15ccb01b1165527?s=96&d=mm&r=g\",\"caption\":\"Daniel Diaz\"},\"description\":\"Daniel is a self-taught Python Developer, Technical Writer, and long-life learner. He enjoys creating software from scratch and explaining this process through stunning articles. Follow him on Twitter: @DaniDiazTech\",\"sameAs\":[\"https:\/\/developerroad.herokuapp.com\/\",\"https:\/\/www.linkedin.com\/in\/danidiaztech\",\"https:\/\/x.com\/DaniDiazTech\"],\"url\":\"https:\/\/staging.kinsta.site\/nl\/blog\/author\/danidiaztech\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Git voor webdevelopment: leer de typische workflow van een project kennen","description":"Vraag je je af hoe je Git kan integreren in je webdevelopment-workflow? We vertellen je alles wat je moet weten in deze makkelijke tutorial.","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:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/","og_locale":"nl_NL","og_type":"article","og_title":"Git voor webdevelopment: leer de typische workflow van een project kennen","og_description":"Vraag je je af hoe je Git kan integreren in je webdevelopment-workflow? We vertellen je alles wat je moet weten in deze makkelijke tutorial.","og_url":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/","og_site_name":"Kinsta","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2022-01-27T07:14:53+00:00","article_modified_time":"2022-09-13T08:02:31+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg","type":"image\/jpeg"}],"author":"Daniel Diaz","twitter_card":"summary_large_image","twitter_description":"Vraag je je af hoe je Git kan integreren in je webdevelopment-workflow? We vertellen je alles wat je moet weten in deze makkelijke tutorial.","twitter_image":"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg","twitter_creator":"@DaniDiazTech","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Daniel Diaz","Geschatte leestijd":"14 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#article","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/"},"author":{"name":"Daniel Diaz","@id":"https:\/\/staging.kinsta.site\/nl\/#\/schema\/person\/6e27020d85cad746e82ebc7615d520e9"},"headline":"Git voor webdevelopment: leer de typische workflow van een project kennen","datePublished":"2022-01-27T07:14:53+00:00","dateModified":"2022-09-13T08:02:31+00:00","mainEntityOfPage":{"@id":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/"},"wordCount":2387,"commentCount":0,"publisher":{"@id":"https:\/\/staging.kinsta.site\/nl\/#organization"},"image":{"@id":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg","keywords":["git","GitHub","web development"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/","url":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/","name":"Git voor webdevelopment: leer de typische workflow van een project kennen","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#primaryimage"},"image":{"@id":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg","datePublished":"2022-01-27T07:14:53+00:00","dateModified":"2022-09-13T08:02:31+00:00","description":"Vraag je je af hoe je Git kan integreren in je webdevelopment-workflow? We vertellen je alles wat je moet weten in deze makkelijke tutorial.","breadcrumb":{"@id":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#primaryimage","url":"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg","contentUrl":"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2022\/01\/git-for-web-development.jpg","width":1460,"height":730,"caption":"Git voor webdevelopment: leer de typische workflow van een project kennen"},{"@type":"BreadcrumbList","@id":"https:\/\/staging.kinsta.site\/nl\/blog\/git-voor-webdevelopment\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.kinsta.site\/nl\/"},{"@type":"ListItem","position":2,"name":"Git voor webdevelopment: leer de typische workflow van een project kennen"}]},{"@type":"WebSite","@id":"https:\/\/staging.kinsta.site\/nl\/#website","url":"https:\/\/staging.kinsta.site\/nl\/","name":"Kinsta","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/staging.kinsta.site\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.kinsta.site\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/staging.kinsta.site\/nl\/#organization","name":"Kinsta","url":"https:\/\/staging.kinsta.site\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/staging.kinsta.site\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2020\/12\/kinsta.png","contentUrl":"https:\/\/staging.kinsta.site\/nl\/wp-content\/uploads\/sites\/7\/2020\/12\/kinsta.png","width":580,"height":580,"caption":"Kinsta"},"image":{"@id":"https:\/\/staging.kinsta.site\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL"]},{"@type":"Person","@id":"https:\/\/staging.kinsta.site\/nl\/#\/schema\/person\/6e27020d85cad746e82ebc7615d520e9","name":"Daniel Diaz","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/staging.kinsta.site\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9882e280c59117b277defa21a692a14056ea64709023ef06e15ccb01b1165527?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9882e280c59117b277defa21a692a14056ea64709023ef06e15ccb01b1165527?s=96&d=mm&r=g","caption":"Daniel Diaz"},"description":"Daniel is a self-taught Python Developer, Technical Writer, and long-life learner. He enjoys creating software from scratch and explaining this process through stunning articles. Follow him on Twitter: @DaniDiazTech","sameAs":["https:\/\/developerroad.herokuapp.com\/","https:\/\/www.linkedin.com\/in\/danidiaztech","https:\/\/x.com\/DaniDiazTech"],"url":"https:\/\/staging.kinsta.site\/nl\/blog\/author\/danidiaztech\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/wp\/v2\/posts\/41830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/wp\/v2\/users\/181"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/wp\/v2\/comments?post=41830"}],"version-history":[{"count":4,"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/wp\/v2\/posts\/41830\/revisions"}],"predecessor-version":[{"id":45729,"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/wp\/v2\/posts\/41830\/revisions\/45729"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/kinsta\/v1\/posts\/41830\/translations\/en"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/kinsta\/v1\/posts\/41830\/translations\/de"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/kinsta\/v1\/posts\/41830\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/kinsta\/v1\/posts\/41830\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/kinsta\/v1\/posts\/41830\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/kinsta\/v1\/posts\/41830\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/kinsta\/v1\/posts\/41830\/translations\/nl"},{"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/kinsta\/v1\/posts\/41830\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/wp\/v2\/media\/41831"}],"wp:attachment":[{"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/wp\/v2\/media?parent=41830"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/wp\/v2\/tags?post=41830"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.kinsta.site\/nl\/wp-json\/wp\/v2\/topic?post=41830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}