{"id":47231,"date":"2022-01-20T13:00:40","date_gmt":"2022-01-20T12:00:40","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=47231&#038;preview=true&#038;preview_id=47231"},"modified":"2023-09-19T07:49:15","modified_gmt":"2023-09-19T06:49:15","slug":"git-fuer-die-webentwicklung","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/","title":{"rendered":"Git f\u00fcr die Webentwicklung: Lerne den typischen Arbeitsablauf eines Projekts kennen"},"content":{"rendered":"<p>Webentwicklung ist untrennbar mit Zusammenarbeit verbunden. Die meiste Zeit wirst du mit anderen Entwicklern zusammenarbeiten, und selbst wenn das nicht der Fall ist, kann Git dir auf viele andere Arten helfen.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/seiten-verwaltung\/git\/\">Git ist die Software<\/a>, die die Versionen der von uns entwickelten Anwendungen kontrolliert. Sie wird von Einzelentwicklern, gro\u00dfen Unternehmen und sogar von Linux, dem gr\u00f6\u00dften Open-Source-Projekt der Welt, verwendet.<\/p>\n<p>Als <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-man-webentwickler-wird\/\">Webentwickler<\/a> ist es extrem wichtig zu wissen, wie man Git f\u00fcr die Webentwicklung richtig einsetzt. Wir reden hier nicht nur von &#8222;git add&#8220;, &#8222;git commit&#8220; und &#8222;git push&#8220;. Du solltest den gesamten Arbeitsablauf bei der Erstellung eines Webprojekts mit Git kennen.<\/p>\n<p>Noch nicht \u00fcberzeugt? Dann lass uns anfangen!<\/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>Warum Git verwenden?<\/h2>\n<p>Das sind nur einige der Gr\u00fcnde, warum du mit Git anfangen solltest:<\/p>\n<ul>\n<li><strong>Organisation:<\/strong> Anstatt dein Projekt in Ordnern wie v1, v2, v3 usw. zu verwalten, hast du ein einziges Projekt mit einer speziellen Datenbank, in der alle Versionen der Dateien gespeichert sind<\/li>\n<li><strong>Kollaboration:<\/strong> Mit Git kannst du und andere Personen gleichzeitig an demselben Projekt arbeiten, ohne dass Konflikte entstehen.<\/li>\n<li><strong>Open-Source:<\/strong> Git ist Open-Source, aber es ist auch das Werkzeug, mit dem wir zusammenarbeiten und gro\u00dfartige Open-Source-Software entwickeln. Jeder kann auf Plattformen wie <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-github\/\">GitHub<\/a> oder <a href=\"https:\/\/kinsta.com\/de\/blog\/bitbucket-vs-github\/\">Bitbucket<\/a> Pull Requests f\u00fcr Open-Source-Projekte stellen.<\/li>\n<li><strong>Flexibilit\u00e4t der Plattform:<\/strong> Heutzutage kannst du zwischen vielen verschiedenen Git-Hosting-Diensten w\u00e4hlen, z. B. <a href=\"https:\/\/kinsta.com\/de\/blog\/gitlab-vs-github\/\">Gitlab<\/a>, GitHub, Bitbucket und SourceForge. Du kannst sogar eine selbst gehostete L\u00f6sung f\u00fcr alle deine Projekte nutzen.<\/li>\n<li><strong>Einfache Backups: <\/strong>Mach Fehler ganz einfach r\u00fcckg\u00e4ngig und verliere nie die Codebasis deines Projekts.<\/li>\n<\/ul>\n\n<p>Wir haben den Begriff GitHub jetzt schon ein- oder zweimal erw\u00e4hnt. Was ist also der Unterschied zwischen Git und GitHub?<\/p>\n<p>Das k\u00f6nnte dich verwirren, wenn du dich mit Git noch nicht auskennst. Um es in einfachen Worten zu sagen: <a href=\"https:\/\/kinsta.com\/de\/blog\/git-vs-github\/\">Git und GitHub sind verwandte, aber unterschiedliche Tools<\/a>.<\/p>\n<p>Git ist das Versionskontrollsystem (VCS), mit dem wir die \u00c4nderungen an unseren Dateien kontrollieren, w\u00e4hrend GitHub ein Dienst ist, mit dem wir unsere Projektdateien und deren Git-Verlauf online speichern (im Ordner <strong>.git\/<\/strong> deines Projekts).<\/p>\n<p>Git wird lokal auf deinem Computer installiert. Ohne Hosting-Dienste wie GitHub oder GitLab w\u00e4re es sehr schwierig, mit anderen <a href=\"https:\/\/kinsta.com\/de\/blog\/gehalt-webentwickler\/\">Entwicklern<\/a> zusammenzuarbeiten.<\/p>\n<p>GitHub erweitert Git um weitere Funktionen, die die Zusammenarbeit verbessern, wie Klonen, Forken und Zusammenf\u00fchren. Zusammen bieten dir diese beiden Tools ein relativ freundliches \u00d6kosystem, um dein Projekt zu entwickeln, zu verwalten und anderen Leuten zu zeigen.<\/p>\n<h2>Grundlegender Arbeitsablauf mit Git f\u00fcr die Webentwicklung<\/h2>\n<p>In den n\u00e4chsten Abschnitten erf\u00e4hrst du mehr \u00fcber den Git-Workflow f\u00fcr die Webentwicklung durch praktische \u00dcbungen.<\/p>\n<h3>Installationsvoraussetzungen<\/h3>\n<p>Wenn du Git noch nicht installiert hast, ist jetzt der perfekte Zeitpunkt daf\u00fcr. Es ist einfach zu installieren und auf den meisten Betriebssystemen verf\u00fcgbar.<\/p>\n<p>Lade es von der <a href=\"https:\/\/git-scm.com\/downloads\">offiziellen Downloadseite<\/a> herunter oder installiere es mit einem Paketmanager, wenn du Linux oder macOS verwendest:<\/p>\n<figure id=\"attachment_108559\" aria-describedby=\"caption-attachment-108559\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/download-git.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108559 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/download-git-1024x598.png\" alt=\"Git-Download-Seite mit Optionen f\u00fcr macOS, Windows und Linux\/Unix.\" width=\"1024\" height=\"598\"><\/a><figcaption id=\"caption-attachment-108559\" class=\"wp-caption-text\">Git-Download-Seite mit Optionen f\u00fcr macOS, Windows und Linux\/Unix.<\/figcaption><\/figure>\n<p>Um zu testen, ob die Installation geklappt hat, kannst du unter Linux oder macOS ein Terminal starten, indem du in deinem Anwendungsmen\u00fc nach &#8222;Terminal&#8220; suchst, oder unter Windows die Git-Bash \u00f6ffnen (die standardm\u00e4\u00dfig mit Git installiert wird).<\/p>\n<p>Gib dann ein:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/git-version.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108560 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/git-version-1024x208.png\" alt=\"Git Version 2.33 wird im Linux Terminal angezeigt.\" width=\"1024\" height=\"208\"><\/a><figcaption id=\"caption-attachment-108560\" class=\"wp-caption-text\">Git Version 2.33 wird im Linux Terminal angezeigt.<\/figcaption><\/figure>\n<p>Wenn du eine Git-Version als Antwort erh\u00e4ltst, bist du startklar.<\/p>\n<p>Wir brauchen au\u00dferdem ein GitHub-Konto, also <a href=\"https:\/\/github.com\/join\">melde dich<\/a> bei GitHub an oder logge dich ein:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/signup-github-1024x693.png\" alt=\"GitHub-Anmeldeseite mit den Worten \"Account erstellen\" am oberen Rand.\" width=\"1024\" height=\"693\"><figcaption id=\"caption-attachment-108562\" class=\"wp-caption-text\">GitHub-Anmeldeseite mit den Worten &#8222;Account erstellen&#8220; am oberen Rand.<\/figcaption><\/figure>\n<p>Sobald du Git installiert hast und dich in deinem GitHub-Konto angemeldet hast, kannst du mit dem n\u00e4chsten Abschnitt fortfahren.<\/p>\n<h3>Grundlegender Git-Workflow f\u00fcr gemeinschaftliche Projekte<\/h3>\n<p>Wie bereits erw\u00e4hnt, wirst du die meiste Zeit \u00fcber keine Einzelprojekte entwickeln. Zusammenarbeit ist eine Schl\u00fcsselqualifikation, und Git und GitHub helfen uns dabei, dies zu einem einfachen und effektiven Prozess zu machen.<\/p>\n<p>Der typische Arbeitsablauf eines Git-Projekts sieht wie folgt aus:<\/p>\n<ol>\n<li>Erstelle eine lokale Kopie des Projekts, indem du ein Repository oder Repo klonst. Wenn du mit anderen zusammenarbeitest, solltest du das Repository zuerst forken.<\/li>\n<li>Erstelle einen Zweig mit einem repr\u00e4sentativen Namen f\u00fcr die Funktion, an der du arbeiten wirst.<\/li>\n<li>Bearbeite das Projekt.<\/li>\n<li>\u00dcbertrage die \u00c4nderungen auf deinen lokalen Rechner.<\/li>\n<li>Pushe die \u00c4nderungen in das entfernte Projektarchiv.<\/li>\n<li>Erstelle eine Pull-Anfrage f\u00fcr das urspr\u00fcngliche Projektarchiv.<\/li>\n<li>F\u00fchre die \u00c4nderungen zusammen und l\u00f6se Konflikte im Hauptzweig des urspr\u00fcnglichen Projektarchivs.<\/li>\n<\/ol>\n<h3>Tutorial<\/h3>\n<p>Jetzt ist es an der Zeit, sich die H\u00e4nde schmutzig zu machen!<\/p>\n<p>In dieser Anleitung wirst du eine einfache HTML-Webseite erstellen. In der Praxis wirst du das Basisprojekt aus dem <a href=\"https:\/\/github.com\/DaniDiazTech\/HTML-site\">HTML-Site-Repository<\/a> in dein GitHub-Konto forken. Das kannst du f\u00fcr alle \u00f6ffentlich zug\u00e4nglichen Repositories tun.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Ein Fork ist eine separate Kopie eines Repositorys, die du verwalten und ver\u00e4ndern kannst, ohne das Originalprojekt zu beeinflussen. Das Klonen eines Projektarchivs hingegen erstellt lediglich eine lokale Kopie der Dateien<\/p>\n<\/aside>\n\n<p>Um die HTML-Seite zu forken, gehst du zu <a href=\"https:\/\/github.com\/DaniDiazTech\/HTML-site\">diesem GitHub-Repository<\/a> und klickst auf den <strong>Fork-Button<\/strong> oben rechts auf der Seite:<\/p>\n<figure id=\"attachment_108563\" aria-describedby=\"caption-attachment-108563\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/github-fork.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108563 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/github-fork-1024x495.png\" alt=\"GitHub-Seite mit Fokus auf den \"Fork\"-Button.\" width=\"1024\" height=\"495\"><\/a><figcaption id=\"caption-attachment-108563\" class=\"wp-caption-text\">GitHub-Seite mit Fokus auf den &#8222;Fork&#8220;-Button.<\/figcaption><\/figure>\n<p>Jetzt hast du einen Fork des urspr\u00fcnglichen Repos, der nur in deinem GitHub-Konto verf\u00fcgbar ist. Es ist genau dasselbe Projektarchiv &#8211; bis du anf\u00e4ngst, \u00c4nderungen vorzunehmen.<\/p>\n<p>Wie du siehst, dauert das Forken eines \u00f6ffentlichen Projektarchivs nur ein paar Sekunden. Das ist toll f\u00fcr Open-Source-Projekte, aber wenn deine Organisation ein privates Projektarchiv hat, musst du als Mitwirkender aufgenommen werden, bevor du es forken kannst.<\/p>\n<p>Jetzt ist es an der Zeit, deinen Fork auf deinen lokalen Rechner zu bringen. Dazu musst du ihn mit dem Befehl <code>git clone<\/code> klonen, der das Git-Repository von einem anderen Server abruft:<\/p>\n<pre><code class=\"language-bash\">git clone remote_url<\/code><\/pre>\n<p>Du musst <code>remote_url<\/code> durch die URL deines Forks ersetzen. Die genaue URL eines GitHub-Repositoriums erh\u00e4ltst du, indem du auf dessen Seite gehst und auf <strong>Code<\/strong> klickst. W\u00e4hle dann <strong>SSH<\/strong> und kopiere den Link, der dir angezeigt wird:<\/p>\n<figure id=\"attachment_108564\" aria-describedby=\"caption-attachment-108564\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/ssh_url.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108564 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/ssh_url-1024x539.png\" alt=\"SSH Repo URL unter dem \"Code\" Button auf GitHub.\" width=\"1024\" height=\"539\"><\/a><figcaption id=\"caption-attachment-108564\" class=\"wp-caption-text\">SSH Repo URL unter dem &#8222;Code&#8220; Button auf GitHub.<\/figcaption><\/figure>\n<p>Der Befehl, mit dem du das geforkte Repository klonst, lautet:<\/p>\n<pre><code class=\"language-bash\">git clone git@github.com:yourusername\/HTML-site.git<\/code><\/pre>\n<p>Wenn du ein Projektarchiv klonst, erh\u00e4ltst du einen Ordner mit seinem Namen. In diesem Ordner befinden sich der Quellcode des Projekts (in diesem Fall die HTML-Site) und die Git-Repository, die sich in einem Ordner namens <strong>.git<\/strong> befindet.<\/p>\n<p>Du kannst die Liste der Dateien in dem neuen Verzeichnis sehen, indem du den neuen Ordner in einem grafischen Dateimanager \u00f6ffnest oder indem du sie direkt im Terminal mit den <a href=\"https:\/\/kinsta.com\/de\/blog\/linux-befehle\/\">Befehlen<\/a> <code>ls<\/code> oder <code>dir<\/code>auflistest:<\/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>Diese HTML-Seite ist sehr einfach. Sie nutzt Bootstrap f\u00fcr praktische Zwecke und ein paar Bilder von <a href=\"https:\/\/unsplash.com\/\">Unsplash<\/a>, wo du <a href=\"https:\/\/kinsta.com\/de\/blog\/kiostenlose-bilder-fur-wordpress\/\">kostenlose Bilder f\u00fcr deine Seite herunterladen<\/a> kannst.<\/p>\n<p>Wenn du die Datei <strong>index.html<\/strong> in deinem Browser \u00f6ffnest, siehst du eine einfache Seite mit ein paar Bildern:<\/p>\n<figure id=\"attachment_108565\" aria-describedby=\"caption-attachment-108565\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/simple-website.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108565 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/simple-website-1024x450.png\" alt=\"Die einfache Webseite, die wir erstellen, zeigt Bilder von technischen Ger\u00e4ten, darunter mehrere Laptops und eine alte Kamera.\" width=\"1024\" height=\"450\"><\/a><figcaption id=\"caption-attachment-108565\" class=\"wp-caption-text\">Die einfache Webseite, die wir erstellen, zeigt Bilder von technischen Ger\u00e4ten, darunter mehrere Laptops und eine alte Kamera.<\/figcaption><\/figure>\n<p>Es ist an der Zeit, mit diesem Projekt herumzuspielen. Sie f\u00fchlt sich sehr leer an, und vielleicht k\u00f6nnte eine Kopfzeile mit dem Namen der Seite das Nutzererlebnis verbessern.<\/p>\n<p>Gehe dazu in das <strong>HTML-Site-Verzeichnis<\/strong> und erstelle einen Zweig namens <code>header<\/code>. In diesem neuen Zweig k\u00f6nnen wir alle Dateien bearbeiten und so viel Code einbauen, wie wir wollen, denn der Hauptzweig (der urspr\u00fcngliche) bleibt davon unber\u00fchrt.<\/p>\n<p>F\u00fchre den folgenden Befehl aus:<\/p>\n<pre><code class=\"language-bash\">git checkout -b header\n<\/code><\/pre>\n<p>Dadurch wird ein Zweig mit dem Namen &#8222;header&#8220; erstellt und du wechselst direkt danach in diesen Zweig. Das ist gleichbedeutend mit:<\/p>\n<pre><code class=\"language-bash\">git branch header\ngit checkout header\n<\/code><\/pre>\n<p>Um zu best\u00e4tigen, dass alles geklappt hat, f\u00fchre aus:<\/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>Du wirst sehen, dass du vom &#8222;Haupt&#8220;-Zweig in den &#8222;Kopf&#8220;-Zweig verschoben wurdest, aber der Arbeitsbaum ist immer noch sauber, da wir keine Dateien bearbeitet haben.<\/p>\n<p>\u00d6ffne in deinem <a href=\"https:\/\/kinsta.com\/de\/blog\/besten-texteditoren\/\">bevorzugten Code-Editor<\/a> die Datei <strong>index.html<\/strong> in deinem verzweigten Projekt. Diese Datei enth\u00e4lt einige Links zu <a href=\"https:\/\/getbootstrap.com\/\">Bootstrap 5<\/a>, so dass wir die Vorteile der fertigen Komponenten des Frameworks nutzen k\u00f6nnen.<\/p>\n<p>F\u00fcge den folgenden Code in die Datei <strong>index.html<\/strong> innerhalb des Tags <code>&lt;body&gt;<\/code> und \u00fcber dem Bildcontainer ein:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/website-with-header.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108566 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/website-with-header-1024x491.jpg\" alt=\"Unsere Webseite mit einer neuen schwarzen Kopfzeile \"HTML-Seite\" \u00fcber den Bildern.\" width=\"1024\" height=\"491\"><\/a><figcaption id=\"caption-attachment-108566\" class=\"wp-caption-text\">Unsere Webseite mit einer neuen schwarzen Kopfzeile &#8222;HTML-Seite&#8220; \u00fcber den Bildern.<\/figcaption><\/figure>\n<p>Sieht viel besser aus! Du kannst gerne andere Verzweigungen und \u00c4nderungen vornehmen, wenn du m\u00f6chtest.<\/p>\n<p>Wenn du mit der Bearbeitung des Projekts fertig bist, ist es an der Zeit, alle \u00c4nderungen an dein lokales Projektarchiv zu \u00fcbertragen. Gib im Projektverzeichnis Folgendes in dein Terminal ein:<\/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-Nachrichten m\u00fcssen klar und aussagekr\u00e4ftig sein. Jedes Mal, wenn du einen Commit hinzuf\u00fcgst, sollten du und deine Teamkollegen in der Lage sein, zu erkennen, was in diesem Commit passiert ist, damit ihr im Falle eines Fehlers diesen leicht beheben k\u00f6nnt.<\/p>\n<\/aside>\n\n<p>Zu Beginn eines Projekts ist es \u00fcblich, dass die Commit-Meldungen aussagekr\u00e4ftig sind, aber mit der Zeit und der Verlagerung des Schwerpunkts nimmt die Qualit\u00e4t der Meldungen tendenziell ab. Achte darauf, dass du eine gute Benennungspraxis beibeh\u00e4ltst.<\/p>\n<p>Nachdem du einen Commit f\u00fcr dein lokales Projektarchiv gemacht hast (das immer noch nur auf deinem Computer verf\u00fcgbar ist), ist es an der Zeit, ihn in das entfernte Projektarchiv zu \u00fcbertragen.<\/p>\n<p>Wenn du versuchst, den Commit ganz normal zu pushen, wird das nicht funktionieren, weil du gerade auf dem <code>header<\/code> Zweig arbeitest. Du musst den Upstream-Zweig f\u00fcr <code>header<\/code> festlegen:<\/p>\n<pre><code class=\"language-bash\">git push --set-upstream origin header<\/code><\/pre>\n<p>Ab dem 13. August 2021 verlangt GitHub die Verwendung von SSH-Authentifizierung, also stelle sicher, dass du deine Schl\u00fcssel richtig eingerichtet hast.<\/p>\n<p>Danach solltest du einen neuen Zweig mit dem Namen <code>header<\/code> in deinem Repository sehen k\u00f6nnen (z.B. https:\/\/github <strong>.com\/yourusername\/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:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/header-branch.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108567 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/header-branch-1024x317.jpg\" alt=\"Die Registerkarte \"\u00dcbersicht\" des Zweigs \"Header\" auf der GitHub-Seite unseres Projekts.\" width=\"1024\" height=\"317\"><\/a><figcaption id=\"caption-attachment-108567\" class=\"wp-caption-text\">Die Registerkarte &#8222;\u00dcbersicht&#8220; des Zweigs &#8222;Header&#8220; auf der GitHub-Seite unseres Projekts.<\/figcaption><\/figure>\n<p>Um einen Pull Request f\u00fcr das urspr\u00fcngliche Repository zu erstellen, klicke unten im Abschnitt <strong>Aktive Zweige<\/strong> auf <strong>Vergleichen<\/strong>.<\/p>\n<p>Das f\u00fchrt dich zu einem Pull Request, in dem du ausw\u00e4hlen musst, mit welchem Zweig (dem Original oder deinem Fork) du zusammenf\u00fchren m\u00f6chtest. Standardm\u00e4\u00dfig wird die Option zum Zusammenf\u00fchren mit dem Basis-Repository angezeigt:<\/p>\n<figure id=\"attachment_108568\" aria-describedby=\"caption-attachment-108568\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/pull-request.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108568 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/pull-request-1024x363.jpg\" alt=\"Erstellen von Pull Requests auf GitHub\" width=\"1024\" height=\"363\"><\/a><figcaption id=\"caption-attachment-108568\" class=\"wp-caption-text\">Erstellen von Pull Requests auf GitHub<\/figcaption><\/figure>\n<p>Wenn du auf die Pull-Request-Option klickst, musst du wie bei deinen fr\u00fcheren Commits eine kurze Beschreibung der \u00c4nderungen verfassen. Auch hier solltest du dich kurz fassen und beschreibend sein:<\/p>\n<figure id=\"attachment_108569\" aria-describedby=\"caption-attachment-108569\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/writing-pull-request.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108569 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/writing-pull-request-1024x578.jpg\" alt=\"Die Seite \"\u00d6ffne eine Pull-Anfrage\" auf GitHub zeigt eine Pull-Nachricht, die das Was, Warum und andere Details der Pull-Anfrage erkl\u00e4rt.\" width=\"1024\" height=\"578\"><\/a><figcaption id=\"caption-attachment-108569\" class=\"wp-caption-text\">Eine Pull-Request-Nachricht schreiben.<\/figcaption><\/figure>\n<p>Klicke auf die Schaltfl\u00e4che <strong>Pull Request erstellen<\/strong> und warte darauf, dass der Eigent\u00fcmer des Basis-Repository deine \u00c4nderungen akzeptiert oder dir Feedback gibt.<\/p>\n<p>Herzlichen Gl\u00fcckwunsch &#8211; du hast soeben alle Schritte eines g\u00e4ngigen Git-Workflows f\u00fcr die Webentwicklung abgeschlossen!<\/p>\n<p>Das war ein sehr einfaches Beispiel, aber die Logik l\u00e4sst sich auf Projekte aller Gr\u00f6\u00dfenordnungen \u00fcbertragen. Achte darauf, dass du diesen Arbeitsablauf auch bei gr\u00f6\u00dferen Gemeinschaftsprojekten genau einh\u00e4ltst.<\/p>\n<h2>Wie du Git bei Kinsta verwendest<\/h2>\n<p>Wenn du <a class=\"editor-rtfLink\" href=\"https:\/\/kinsta.com\/de\/mit-dem-vertrieb-sprechen\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kinsta-Benutzer<\/a> bist, hast du bereits zwei M\u00f6glichkeiten, Git und GitHub \u00fcber dein <a class=\"editor-rtfLink\" href=\"https:\/\/kinsta.com\/de\/mykinsta\/\" target=\"_blank\" rel=\"noopener noreferrer\">MyKinsta-Portal<\/a> zu nutzen.<\/p>\n<p>Beginnen wir mit der ersten M\u00f6glichkeit. Du kannst dich ganz einfach <a class=\"editor-rtfLink\" href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/zu-ssh-verbinden\/\" target=\"_blank\" rel=\"noopener noreferrer\">per SSH einloggen<\/a> und ein Projektarchiv von einem beliebigen Git-Hosting-Dienst wie GitHub, Gitlab oder Bitbucket abrufen.<\/p>\n<p>Dazu gehst du auf die Registerkarte <strong>Seiten<\/strong>, w\u00e4hlst eine Seite aus, gehst zu den <a class=\"editor-rtfLink\" href=\"https:\/\/kinsta.com\/de\/changelog\/ssh-schluessel-hinzufuegen\/\" target=\"_blank\" rel=\"noopener noreferrer\">SSH-Details<\/a> und kopierst den SSH-Terminalbefehl.<\/p>\n<figure id=\"attachment_109048\" aria-describedby=\"caption-attachment-109048\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/SSH-details-page.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-109048 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/SSH-details-page-1024x532.png\" alt=\"Die MyKinsta-Site-Infoseite zeigt die SSH-Details und den Befehlsbereich.\" width=\"1024\" height=\"532\"><\/a><figcaption id=\"caption-attachment-109048\" class=\"wp-caption-text\">Die MyKinsta-Site-Infoseite zeigt die SSH-Details und den Befehlsbereich.<\/figcaption><\/figure>\n<p>Melde dich \u00fcber SSH bei deiner Webseite an, indem du den obigen Befehl in dein Terminal einf\u00fcgst und dich in den \u00f6ffentlichen Ordner deiner Webseite einloggst (der sich unter <strong>\/www\/yoursitename\/<\/strong> befindet). Hier befinden sich alle deine WordPress-Dateien, so dass du ein Git Repo mit einem benutzerdefinierten Theme oder Plugin, an dem du gearbeitet hast, herunterladen kannst.<\/p>\n<p>So rufst du ein Git Repo mit einem einfachen Befehl auf:<\/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 sollte nur von fortgeschrittenen Benutzern verwendet werden. Wenn du das nicht kannst, wende dich bitte an den <a class=\"editor-rtfLink\" href=\"https:\/\/kinsta.com\/de\/kinsta-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kinsta-Support<\/a><\/p>\n<\/aside>\n\n<p>Mit der neuen GitHub-Deployment-Funktion von Kinsta kannst du jetzt eine komplette WordPress-Webseite von einem GitHub-Repository aus bereitstellen.<\/p>\n<p>Dein GitHub-Repository sollte eine Kopie der <a class=\"editor-rtfLink\" href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-dateien\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-Kerndateien<\/a> und nat\u00fcrlich den Inhalt deiner Webseite im Ordner <strong>wp-content<\/strong> enthalten.<\/p>\n<p>Schauen wir uns diese Option einmal kurz an.<\/p>\n<p>Gehe zu einer der Webseiten deines Unternehmens und <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/staging-umgebung\/\">erstelle eine Staging-Umgebung<\/a>. Das wird nicht l\u00e4nger als ein paar Minuten dauern.<\/p>\n<figure id=\"attachment_109049\" aria-describedby=\"caption-attachment-109049\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/staging-env.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-109049 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/staging-env-1024x531.png\" alt=\"Kinsta's Staging-Umgebung f\u00fcr Webseiten.\" width=\"1024\" height=\"531\"><\/a><figcaption id=\"caption-attachment-109049\" class=\"wp-caption-text\">Kinsta&#8217;s Staging-Umgebung f\u00fcr Webseiten.<\/figcaption><\/figure>\n<p>Sobald du in deiner Staging-Umgebung bist, gehst du auf die Registerkarte <strong>Bereitstellung <\/strong>und klickst auf die Schaltfl\u00e4che <strong>Einrichtung beginnen<\/strong>. Du wirst ein GitHub-Modal sehen, mit dem du Kinsta mit deinem GitHub-Konto verbinden kannst.<\/p>\n<figure id=\"attachment_109050\" aria-describedby=\"caption-attachment-109050\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/begin-setup.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-109050 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/begin-setup-1024x528.png\" alt=\"GitHub-Bereitstellung mit einem Pfeil, der auf die Schaltfl\u00e4che \"Mit der Einrichtung beginnen\" zeigt.\" width=\"1024\" height=\"528\"><\/a><figcaption id=\"caption-attachment-109050\" class=\"wp-caption-text\">GitHub-Registerkarte f\u00fcr das Deployment<\/figcaption><\/figure>\n<p>W\u00e4hle nun das Repo aus, aus dem du deine Webseite beziehen willst.<\/p>\n<figure id=\"attachment_109051\" aria-describedby=\"caption-attachment-109051\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/choose-repo.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-109051 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/choose-repo-1024x528.png\" alt=\"Verbinde Kinsta mit GitHub modal mit mehreren Optionen, darunter eine Schaltfl\u00e4che \"Fertigstellen\".\" width=\"1024\" height=\"528\"><\/a><figcaption id=\"caption-attachment-109051\" class=\"wp-caption-text\">Verbinde Kinsta mit GitHub.<\/figcaption><\/figure>\n<p>Zum Schluss stellst du deine Webseite bereit und besuchst sie \u00fcber die URL deiner Staging-Seite.<\/p>\n<figure id=\"attachment_109052\" aria-describedby=\"caption-attachment-109052\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/deploy-site.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-109052 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/deploy-site-1024x528.png\" alt=\"Schaltfl\u00e4che \"Jetzt bereitstellen\"\" width=\"1024\" height=\"528\"><\/a><figcaption id=\"caption-attachment-109052\" class=\"wp-caption-text\">Schaltfl\u00e4che &#8222;Jetzt bereitstellen&#8220;<\/figcaption><\/figure>\n<p>Diese Funktion befindet sich noch in der <strong>Beta-Phase<\/strong>, aber bald wird jeder Kinsta-Nutzer Zugang dazu haben.<\/p>\n<p>Git und Kinsta k\u00f6nnen eine m\u00e4chtige Kombination sein, wenn du sie richtig zu nutzen wei\u00dft. Unser Tutorial ist nur ein einfaches Beispiel, aber in <a class=\"editor-rtfLink\" href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/seiten-verwaltung\/git\/#how-to-use-git\" target=\"_blank\" rel=\"noopener noreferrer\">unserem Git-Wissensdatenbank-Artikel<\/a> erf\u00e4hrst du noch viel mehr.<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>Heutzutage ist Git ein unverzichtbares Tool f\u00fcr die Webentwicklung, denn die meiste Zeit wirst du mit anderen zusammenarbeiten, um das bestm\u00f6gliche Projekt zu erstellen.<\/p>\n<p>In diesem Artikel haben wir einige wichtige Gr\u00fcnde f\u00fcr den Einsatz von Git in deinen Projekten besprochen und dir den grundlegenden Arbeitsablauf bei der Zusammenarbeit in einem Git-Repository gezeigt.<\/p>\n<p>Git ist ein so leistungsf\u00e4higes Tool, dass du es sogar auf das <a class=\"editor-rtfLink\" href=\"https:\/\/kinsta.com\/de\/wordpress-hosting\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-Hosting<\/a> ausweiten kannst. Es kann also nur von Vorteil sein, wenn du es lernst und als Teil deines Arsenals an Webentwicklungsf\u00e4higkeiten einsetzt.<\/p>\n<p><em>Hast du weitere Vorschl\u00e4ge zur Verbesserung dieses grundlegenden Git-Workflows f\u00fcr die Webentwicklung? Lass es uns in den Kommentaren wissen!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webentwicklung ist untrennbar mit Zusammenarbeit verbunden. Die meiste Zeit wirst du mit anderen Entwicklern zusammenarbeiten, und selbst wenn das nicht der Fall ist, kann Git dir &#8230;<\/p>\n","protected":false},"author":181,"featured_media":47232,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[190,449,276],"topic":[943,991],"class_list":["post-47231","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-git","tag-github","tag-web-development","topic-git","topic-web-entwicklungs-tools"],"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>Git f\u00fcr die Webentwicklung: Lerne den Arbeitsablauf eines Projekts kennen<\/title>\n<meta name=\"description\" content=\"Du fragst dich, wie du Git in deiner Webentwicklung integrieren kannst? Wir zeigen dir in diesem Tutorial alles, was du wissen musst\" \/>\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\/de\/blog\/git-fuer-die-webentwicklung\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Git f\u00fcr die Webentwicklung: Lerne den typischen Arbeitsablauf eines Projekts kennen\" \/>\n<meta property=\"og:description\" content=\"Du fragst dich, wie du Git in deiner Webentwicklung integrieren kannst? Wir zeigen dir in diesem Tutorial alles, was du wissen musst\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-20T12:00:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-19T06:49:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/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=\"Du fragst dich, wie du Git in deiner Webentwicklung integrieren kannst? Wir zeigen dir in diesem Tutorial alles, was du wissen musst\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/git-for-web-development.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@DaniDiazTech\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Diaz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"14\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/\"},\"author\":{\"name\":\"Daniel Diaz\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/38f3b6be2225ef58d7914f1b6a70fcb2\"},\"headline\":\"Git f\u00fcr die Webentwicklung: Lerne den typischen Arbeitsablauf eines Projekts kennen\",\"datePublished\":\"2022-01-20T12:00:40+00:00\",\"dateModified\":\"2023-09-19T06:49:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/\"},\"wordCount\":2399,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/git-for-web-development.jpg\",\"keywords\":[\"git\",\"GitHub\",\"web development\"],\"articleSection\":[\"nicht kategorisiert\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/\",\"name\":\"Git f\u00fcr die Webentwicklung: Lerne den Arbeitsablauf eines Projekts kennen\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/git-for-web-development.jpg\",\"datePublished\":\"2022-01-20T12:00:40+00:00\",\"dateModified\":\"2023-09-19T06:49:15+00:00\",\"description\":\"Du fragst dich, wie du Git in deiner Webentwicklung integrieren kannst? Wir zeigen dir in diesem Tutorial alles, was du wissen musst\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/git-for-web-development.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/git-for-web-development.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Git f\u00fcr die Webentwicklung: Lerne den typischen Arbeitsablauf eines Projekts kennen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Git\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/git\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Git f\u00fcr die Webentwicklung: Lerne den typischen Arbeitsablauf eines Projekts kennen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"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\/de\/#\/schema\/person\/38f3b6be2225ef58d7914f1b6a70fcb2\",\"name\":\"Daniel Diaz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4541784060a3b28ffb67a5da67b1f7e7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4541784060a3b28ffb67a5da67b1f7e7?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:\/\/kinsta.com\/de\/blog\/author\/danidiaztech\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Git f\u00fcr die Webentwicklung: Lerne den Arbeitsablauf eines Projekts kennen","description":"Du fragst dich, wie du Git in deiner Webentwicklung integrieren kannst? Wir zeigen dir in diesem Tutorial alles, was du wissen musst","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\/de\/blog\/git-fuer-die-webentwicklung\/","og_locale":"de_DE","og_type":"article","og_title":"Git f\u00fcr die Webentwicklung: Lerne den typischen Arbeitsablauf eines Projekts kennen","og_description":"Du fragst dich, wie du Git in deiner Webentwicklung integrieren kannst? Wir zeigen dir in diesem Tutorial alles, was du wissen musst","og_url":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2022-01-20T12:00:40+00:00","article_modified_time":"2023-09-19T06:49:15+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/git-for-web-development.jpg","type":"image\/jpeg"}],"author":"Daniel Diaz","twitter_card":"summary_large_image","twitter_description":"Du fragst dich, wie du Git in deiner Webentwicklung integrieren kannst? Wir zeigen dir in diesem Tutorial alles, was du wissen musst","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/git-for-web-development.jpg","twitter_creator":"@DaniDiazTech","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Daniel Diaz","Gesch\u00e4tzte Lesezeit":"14\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/"},"author":{"name":"Daniel Diaz","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/38f3b6be2225ef58d7914f1b6a70fcb2"},"headline":"Git f\u00fcr die Webentwicklung: Lerne den typischen Arbeitsablauf eines Projekts kennen","datePublished":"2022-01-20T12:00:40+00:00","dateModified":"2023-09-19T06:49:15+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/"},"wordCount":2399,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/git-for-web-development.jpg","keywords":["git","GitHub","web development"],"articleSection":["nicht kategorisiert"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/","url":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/","name":"Git f\u00fcr die Webentwicklung: Lerne den Arbeitsablauf eines Projekts kennen","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/git-for-web-development.jpg","datePublished":"2022-01-20T12:00:40+00:00","dateModified":"2023-09-19T06:49:15+00:00","description":"Du fragst dich, wie du Git in deiner Webentwicklung integrieren kannst? Wir zeigen dir in diesem Tutorial alles, was du wissen musst","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/git-for-web-development.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/01\/git-for-web-development.jpg","width":1460,"height":730,"caption":"Git f\u00fcr die Webentwicklung: Lerne den typischen Arbeitsablauf eines Projekts kennen"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/git-fuer-die-webentwicklung\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Git","item":"https:\/\/kinsta.com\/de\/thema\/git\/"},{"@type":"ListItem","position":3,"name":"Git f\u00fcr die Webentwicklung: Lerne den typischen Arbeitsablauf eines Projekts kennen"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","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\/de\/#\/schema\/person\/38f3b6be2225ef58d7914f1b6a70fcb2","name":"Daniel Diaz","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4541784060a3b28ffb67a5da67b1f7e7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4541784060a3b28ffb67a5da67b1f7e7?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:\/\/kinsta.com\/de\/blog\/author\/danidiaztech\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/47231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/181"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=47231"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/47231\/revisions"}],"predecessor-version":[{"id":65707,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/47231\/revisions\/65707"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47231\/translations\/en"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47231\/translations\/de"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47231\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47231\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47231\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47231\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47231\/translations\/nl"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/47231\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/47232"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=47231"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=47231"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=47231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}