{"id":14708,"date":"2024-02-10T13:39:29","date_gmt":"2024-02-10T10:09:29","guid":{"rendered":"https:\/\/www.itpiran.net\/blog\/?p=14708"},"modified":"2024-02-10T13:39:29","modified_gmt":"2024-02-10T10:09:29","slug":"%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean","status":"publish","type":"post","link":"https:\/\/www.itpiran.net\/blog\/de\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/","title":{"rendered":"Erste Schritte mit Headless Hashnode auf DigitalOcean"},"content":{"rendered":"

Einf\u00fchrung<\/h2>\n

Hashnode ist eine kostenlose Content-Publishing-Plattform und Entwickler-Community, die Technikbegeisterte aktiv einbindet. Nutzer k\u00f6nnen hier Blogbeitr\u00e4ge erstellen und teilen sowie eine Community rund um verschiedene Technologiebereiche aufbauen. Hashnode vereinfacht die Erstellung und Pflege eines entwicklerfreundlichen und SEO-optimierten technischen Blogs und bietet Funktionen wie benutzerdefinierte Domains, einen integrierten Editor und die nahtlose Integration mit g\u00e4ngigen Versionskontrollsystemen wie GitHub. Mit dem neuesten Angebot, Headless Hashnode, k\u00f6nnen Sie mithilfe der innovativen GraphQL-APIs von Hashnode einen Blog von Grund auf neu erstellen. Alternativ k\u00f6nnen Sie das Next.js-Starterkit nutzen.<\/p>\n

In diesem Tutorial richten wir Hashnode headless auf DigitalOcean Droplets ein.<\/p>\n

Einf\u00fchrung in Headless HashNode<\/h2>\n

Ein Headless Content-Management-System (CMS) ist eine Architektur, die die Inhaltsverwaltung und die Pr\u00e4sentationsebene trennt. Bei einem traditionellen CMS werden Inhalte in einem System erstellt, gespeichert und angezeigt. Mit einer Headless-Architektur hingegen k\u00f6nnen Speicherung und Pr\u00e4sentation von Inhalten separat verwaltet werden. Dies er\u00f6ffnet Designern und Entwicklern mehr Spielraum, um mit der Darstellung des Blogs f\u00fcr die Nutzer zu experimentieren.<\/p>\n

Headless Hashnode ist ein speziell entwickeltes CMS, das Benutzern hilft, pers\u00f6nliche oder Unternehmensblogs zu erstellen, damit sie mit ihrer Domain mithilfe des WYSIWYG-Editors, der KI und der SEO-Optimierungstools von Hashnode herumspielen k\u00f6nnen, ohne sich w\u00e4hrend des Hostings Gedanken \u00fcber die Inhalts- und Analyseverfolgung machen zu m\u00fcssen.<\/p>\n

Start<\/h2>\n

Voraussetzungen:<\/h5>\n
    \n
  1. Ein Konto bei DigitalOcean<\/li>\n
  2. Ein Account bei Hashnode.<\/li>\n<\/ol>\n

    \u00a0Nutzung von DigitalOcean Droplets<\/h2>\n

    DigitalOcean Droplets sind einfache, skalierbare und zuverl\u00e4ssige virtuelle Maschinen, die sich problemlos in weniger als einer Minute bereitstellen lassen.<\/p>\n

    Um zu beginnen, \u00f6ffnen Sie Ihr DigitalOcean-Kontrollfeld und klicken Sie oben rechts auf der Seite auf die gr\u00fcne Schaltfl\u00e4che \u00abErstellen\u00bb. W\u00e4hlen Sie im Dropdown-Men\u00fc \u00abDroplets\u00bb aus; dies ist die erste Option.<\/p>\n

    \"\"
    \nIm n\u00e4chsten Fenster m\u00fcssen Sie Ihre Pr\u00e4ferenzen f\u00fcr Region, Bild und Gr\u00f6\u00dfe sowie weitere Details festlegen. Es wird dringend empfohlen, die Region zu w\u00e4hlen, die Ihren potenziellen Lesern am n\u00e4chsten liegt, selbst wenn das Rechenzentrum bereits f\u00fcr Sie ausgew\u00e4hlt ist.<\/p>\n

    Gehen Sie im n\u00e4chsten Men\u00fcpunkt \u00abImages\u00bb zum Tab \u201eMarketplace\u201c und suchen Sie nach NodeJS f\u00fcr Ubuntu. Der DigitalOcean Marketplace bietet eine Sammlung sofort einsatzbereiter Tools und Ressourcen, sogenannte 1-Click-Apps. Anstatt alle Abh\u00e4ngigkeiten manuell herunterzuladen, k\u00f6nnen Sie im Marketplace eine 1-Click-App ausf\u00fchren, die vorkonfigurierte Images und Einstellungen sowie alle f\u00fcr Ihr Projekt ben\u00f6tigten Pakete und Abh\u00e4ngigkeiten enth\u00e4lt. Ihr Bildschirm sollte wie folgt aussehen:<\/p>\n

    \"\"
    \nIm n\u00e4chsten Fenster k\u00f6nnen Sie die Gr\u00f6\u00dfe des Droplets ausw\u00e4hlen. W\u00e4hlen Sie die f\u00fcr Sie oder Ihr Unternehmen optimale Gr\u00f6\u00dfe, abh\u00e4ngig von der Anzahl der geplanten Blogbeitr\u00e4ge. F\u00fcr den produktiven Einsatz empfehlen wir idealerweise eine SSD-Festplatte mit mindestens 25 GB. F\u00fcr eine h\u00f6here Performance empfehlen wir ein Premium-Droplet, das Intel- und AMD-Prozessoren sowie NVMe-SSDs unterst\u00fctzt. Sie k\u00f6nnen ein Premium-Droplet \u2013 genau wie ein Standard-Droplet \u2013 an Ihre Bed\u00fcrfnisse anpassen.<\/p>\n

    \"\"
    \nSobald dies erledigt ist, m\u00fcssen Sie eine Authentifizierungsmethode ausw\u00e4hlen. Sie k\u00f6nnen sich per SSH-Schl\u00fcssel oder Passwort bei Ihrem Droplet anmelden. In diesem Tutorial verwenden wir ein Passwort. Geben Sie also eine beliebige Zeichenfolge ein und notieren Sie sie. Im n\u00e4chsten Abschnitt k\u00f6nnen Sie die erweiterte Metrik\u00fcberwachung und Benachrichtigungen kostenlos aktivieren, indem Sie das entsprechende Kontrollk\u00e4stchen markieren. Fertig! Achten Sie darauf, einen einfachen Hostnamen f\u00fcr Ihr Droplet zu vergeben und alle Details zu \u00fcberpr\u00fcfen, bevor Sie auf \u201cDroplet erstellen\u201d klicken.<\/p>\n

    \"\"
    \nDie Bereitstellung eines Droplets dauert etwa eine Minute. Klicken Sie anschlie\u00dfend auf den Link \u00abLos geht\u2019s\u00bb, um eine \u00dcbersicht der Marketplace-App zu erhalten und zu sehen, was enthalten ist.<\/p>\n

    Droplet-Einrichtung<\/h2>\n

    Um Ihr Droplet zu starten, akzeptieren Sie eingehende Verbindungen und leiten Sie diese in Ihrem lokalen Terminal an die Anwendung weiter:<\/p>\n

    \n
    ssh root@YOUR-DROPLET-IP<\/code><\/pre>\n<\/div>\n
    \u00abErsetzen Sie \u00bbIHRE-DROPLET-IP\u201c durch die IP-Adresse Ihres Droplets im Kontrollfeld. Geben Sie das Passwort ein, wenn Sie dazu aufgefordert werden.<\/p>\n
    \"\"
    \nDer n\u00e4chste Schritt besteht darin, die Pakete im Droplet zu aktualisieren und zu upgraden. F\u00fchren Sie dazu die folgenden Befehle aus:<\/p>\n
    \n
    sudo apt update && sudo apt upgrade -y\r\ncurl -fsSL https:\/\/get.pnpm.io\/install.sh | sh - to install pnpm.<\/code><\/pre>\n<\/div>\n
    Um die im Droplet angezeigte Standardseite, die Port 3000 belegt, zu entfernen, verwenden Sie die folgenden Befehle.<\/p>\n
    \n
    cd \/var\/www\r\nrm -r html\r\ncd ~\r\ncd \/etc\/nginx\/sites-enabled\/\r\nrm -r default<\/code><\/pre>\n<\/div>\n
    Wenn die \u00c4nderungen nicht innerhalb von 5 Minuten wirksam werden, m\u00fcssen Sie Ihr Droplet m\u00f6glicherweise herunterfahren und wieder einschalten. In diesem Fall m\u00fcssen Sie sich \u00fcber Ihr lokales Terminal erneut per SSH mit Ihrem Droplet verbinden. F\u00fcr die n\u00e4chsten Schritte verwenden wir Node.js, npm und Nginx, die bereits auf dem Droplet installiert sind. Nginx \u00fcbernimmt das gesamte Routing zu unserer Next.js-Anwendung.<\/p>\n
    Nginx-Konfiguration<\/h2>\n
    Erstellen Sie eine neue Nginx-Konfigurationsdatei mit folgendem Befehl:<\/p>\n
    \n
    sudo nano \/etc\/nginx\/sites-available\/hashnode<\/pre>\n<\/div>\n
    F\u00fcgen Sie die folgende Konfiguration ein und ersetzen Sie server_name durch die IP-Adresse Ihres Droplets:<\/p>\n
    \n
    server {\r\nlisten 80;\r\nserver_name YOUR_IP_ADDRESS;\r\nlocation \/ {\r\nproxy_pass http:\/\/localhost:3000;\r\nproxy_http_version 1.1;\r\nproxy_set_header Upgrade $http_upgrade;\r\nproxy_set_header Connection 'upgrade';\r\nproxy_set_header Host $host;\r\nproxy_cache_bypass $http_upgrade;\r\n}\r\n}<\/code><\/pre>\n<\/div>\n
    Speichern und schlie\u00dfen Sie die Datei anschlie\u00dfend. Nun m\u00fcssen wir einen symbolischen Link erstellen, um die Einstellungen zu aktivieren. Verwenden Sie dazu Folgendes:<\/p>\n
    \n
    sudo ln -s \/etc\/nginx\/sites-available\/hashnode \/etc\/nginx\/sites-enabled\/<\/code><\/pre>\n<\/div>\n
    Um Ihre Nginx-Konfiguration auf Syntaxfehler zu testen, k\u00f6nnen Sie Folgendes ausf\u00fchren:<\/p>\n
    \n
    sudo nginx -t<\/code><\/pre>\n<\/div>\n
    Das ideale Ergebnis sollte folgenderma\u00dfen aussehen:<\/p>\n
    \"\"
    \nJetzt k\u00f6nnen wir Nginx neu starten. Dies k\u00f6nnen wir mit folgendem Befehl tun:<\/p>\n
    \n
    sudo service nginx restart<\/code><\/pre>\n<\/div>\n
    Headless Hashnode Installation<\/h2>\n
    Wechseln Sie in das Verzeichnis auf der rechten Seite:<\/p>\n
    \n
    cd \/var\/www<\/code><\/pre>\n<\/div>\n
    Klonen Sie das Headless Hashnode GitHub-Repository:<\/p>\n
    \n
    git clone https:\/\/github.com\/hashnode\/starter-kit<\/code><\/pre>\n<\/div>\n
    W\u00e4hlen Sie eine Vorlage aus und navigieren Sie zu deren Verzeichnis. In diesem Tutorial verwenden wir das Design \u201ePersonal\u201c.<\/p>\n
    \n
    cd starter-kit\/packages\/blog-starter-kit\/themes\/personal<\/code><\/pre>\n<\/div>\n
    Kopieren Sie die Datei mit den Umgebungsvariablen:<\/p>\n
    \n
    cp .env.example .env.local<\/code><\/pre>\n<\/div>\n
    Bearbeiten Sie anschlie\u00dfend die Datei mit den Umgebungsvariablen:<\/p>\n
    \n
    nano .env.local<\/code><\/pre>\n<\/div>\n
    Sie m\u00fcssen die Umgebungsvariablen so \u00e4ndern, dass sie auf Ihr Hashnode-Konto verweisen. \u00c4ndern Sie NEXT_PUBLIC_HASHNODE_PUBLICATION_HOST auf Ihren Endpunkt und NEXT_PUBLIC_MODE auf \u201eproduction\u201c. Die Datei sieht dann folgenderma\u00dfen aus:<\/p>\n
    \"\"
    \nUm die Abh\u00e4ngigkeiten zu installieren, f\u00fchren Sie Folgendes aus:<\/p>\n
    \n
    pnpm install<\/code><\/pre>\n<\/div>\n
    Ihr Bildschirm sollte wie folgt aussehen:<\/p>\n
    \"\"
    \nNachdem alles eingerichtet ist, k\u00f6nnen Sie nun den folgenden Befehl ausf\u00fchren, um Headless Hashnode auf Ihrem Droplet bereitzustellen. Beachten Sie, dass die Kompilierung etwa eine Minute dauern kann. Ihr Terminal sollte in etwa so aussehen:<\/p>\n
    \n
    pnpm dev<\/code><\/pre>\n<\/div>\n
    \"\"
    \nNach der Kompilierung k\u00f6nnen Sie Ihre Droplet-IP-Adresse aufrufen, um zu sehen, dass Ihre Headless Hashnode-Site betriebsbereit ist!<\/p>\n
    \"\"
    \nDamit haben wir Hashnode headless auf einem DigitalOcean Droplet mithilfe eines von Nginx bereitgestellten Reverse-Proxys bereitgestellt!<\/p>\n
    Einrichten eines PM2-Prozessmanagers<\/h2>\n
    Manchmal kann der ausgef\u00fchrte Befehl aufgrund eines Serverneustarts oder eines erforderlichen Updates unterbrochen werden. Wir verwenden das PM2-Tool, um sicherzustellen, dass unsere Anwendung stets ausgef\u00fchrt wird. PM2 startet auch dann neu, wenn die Anwendung abst\u00fcrzt.<\/p>\n
    Im Node.js Marketplace-Image ist PM2 vorinstalliert. Um sicherzustellen, dass Ihre Anwendung immer mit PM2 ausgef\u00fchrt wird:<\/p>\n
    \n
    cd \/var\/www\/starter-kit\r\npm2 start npm --name \"hashnode\" --start<\/code><\/pre>\n<\/div>\n
    \"\"
    \nUm sicherzustellen, dass PM2 beim Systemstart automatisch startet, f\u00fchren Sie die folgenden Befehle aus. Dadurch wird ein Skript erstellt, das Sie in Ihr Terminal kopieren und einf\u00fcgen k\u00f6nnen, um PM2 beim Systemstart zu starten und die Einstellungen zu speichern.<\/p>\n
    \n
    pm2 startup \r\npm2 save<\/code><\/pre>\n<\/div>\n
    Ergebnis<\/h2>\n
    Headless-CMS-Tools eignen sich hervorragend zur individuellen Gestaltung von Benutzeroberfl\u00e4chen, und Hashnode bietet ein hochskalierbares und flexibles Tool. Um die Sicherheit und SEO Ihres Blogs zu verbessern, empfehlen wir die Einrichtung von SSL-Zertifikaten mit Let's Encrypt und die Implementierung von HTTPS-Verbindungen. Wenn Sie eine eigene Domain hinzuf\u00fcgen m\u00f6chten, denken Sie daran, Ihre DNS-Einstellungen zu konfigurieren. Richten Sie den A-Record Ihrer Domain auf die IP-Adresse Ihres Droplets ein, damit Sie \u00fcber Ihre Domain auf die Anwendung zugreifen k\u00f6nnen. Registrieren Sie sich noch heute! Wir freuen uns darauf, Ihre Blogs mit DigitalOcean zu sehen!<\/p>","protected":false},"excerpt":{"rendered":"Einf\u00fchrung Hashnode ist eine kostenlose Content-Publishing-Plattform und Community f\u00fcr Entwickler, die\u2026","protected":false},"author":1,"featured_media":14720,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"\u06a9\u0627\u0631 \u0628\u0627 Headless Hashnode \u062f\u0631 DigitalOcean","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","_yoast_wpseo_canonical":"","_yoast_wpseo_opengraph-description":"","_yoast_wpseo_opengraph-image":"","_yoast_wpseo_twitter-description":"","_yoast_wpseo_twitter-image":"","_yoast_wpseo_focuskeywords":"","_yoast_wpseo_primary_category":"193","footnotes":""},"categories":[193,349],"tags":[],"class_list":{"0":"post-14708","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorials","8":"category-database"},"yoast_head":"\n\u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 Headless Hashnode \u062f\u0631 DigitalOcean - \u0628\u0644\u0627\u06af ITPiran<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.itpiran.net\/blog\/de\/tutorials\/\u0634\u0631\u0648\u0639-\u06a9\u0627\u0631-\u0628\u0627-headless-hashnode-\u062f\u0631-digitalocean\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 Headless Hashnode \u062f\u0631 DigitalOcean - \u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"og:description\" content=\"\u0645\u0642\u062f\u0645\u0647 Hashnode \u06cc\u06a9 \u067e\u0644\u062a\u0641\u0631\u0645 \u0627\u0646\u062a\u0634\u0627\u0631 \u0645\u062d\u062a\u0648\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u062c\u0627\u0645\u0639\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.itpiran.net\/blog\/de\/tutorials\/\u0634\u0631\u0648\u0639-\u06a9\u0627\u0631-\u0628\u0627-headless-hashnode-\u062f\u0631-digitalocean\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-10T10:09:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.itpiran.net\/2024\/02\/10133651\/Hashnode.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1793\" \/>\n\t<meta property=\"og:image:height\" content=\"1110\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\"},\"headline\":\"\u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 Headless Hashnode \u062f\u0631 DigitalOcean\",\"datePublished\":\"2024-02-10T10:09:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/\"},\"wordCount\":129,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/02\\\/10133651\\\/Hashnode.jpg\",\"articleSection\":[\"\u0622\u0645\u0648\u0632\u0634\u06cc\",\"\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/\",\"name\":\"\u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 Headless Hashnode \u062f\u0631 DigitalOcean - \u0628\u0644\u0627\u06af ITPiran\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/02\\\/10133651\\\/Hashnode.jpg\",\"datePublished\":\"2024-02-10T10:09:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/02\\\/10133651\\\/Hashnode.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/02\\\/10133651\\\/Hashnode.jpg\",\"width\":1793,\"height\":1110},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0622\u0645\u0648\u0632\u0634\u06cc\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/category\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 Headless Hashnode \u062f\u0631 DigitalOcean\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"name\":\"\u0628\u0644\u0627\u06af ITPiran\",\"description\":\"\u0627\u062e\u0628\u0627\u0631 \u0648 \u0645\u0642\u0627\u0644\u0627\u062a \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\",\"name\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"alternateName\":\"ITPIran Blog\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"width\":512,\"height\":512,\"caption\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\",\"name\":\"admin\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/de\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Erste Schritte mit Headless Hashnode auf DigitalOcean \u2013 ITPiran-Blog","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:\/\/www.itpiran.net\/blog\/de\/tutorials\/\u0634\u0631\u0648\u0639-\u06a9\u0627\u0631-\u0628\u0627-headless-hashnode-\u062f\u0631-digitalocean\/","og_locale":"de_DE","og_type":"article","og_title":"\u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 Headless Hashnode \u062f\u0631 DigitalOcean - \u0628\u0644\u0627\u06af ITPiran","og_description":"\u0645\u0642\u062f\u0645\u0647 Hashnode \u06cc\u06a9 \u067e\u0644\u062a\u0641\u0631\u0645 \u0627\u0646\u062a\u0634\u0627\u0631 \u0645\u062d\u062a\u0648\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u062c\u0627\u0645\u0639\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc…","og_url":"https:\/\/www.itpiran.net\/blog\/de\/tutorials\/\u0634\u0631\u0648\u0639-\u06a9\u0627\u0631-\u0628\u0627-headless-hashnode-\u062f\u0631-digitalocean\/","og_site_name":"\u0628\u0644\u0627\u06af ITPiran","article_published_time":"2024-02-10T10:09:29+00:00","og_image":[{"width":1793,"height":1110,"url":"https:\/\/cdn.itpiran.net\/2024\/02\/10133651\/Hashnode.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"admin","Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/#article","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/"},"author":{"name":"admin","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81"},"headline":"\u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 Headless Hashnode \u062f\u0631 DigitalOcean","datePublished":"2024-02-10T10:09:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/"},"wordCount":129,"commentCount":0,"publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/02\/10133651\/Hashnode.jpg","articleSection":["\u0622\u0645\u0648\u0632\u0634\u06cc","\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/","url":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/","name":"Erste Schritte mit Headless Hashnode auf DigitalOcean \u2013 ITPiran-Blog","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/#primaryimage"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/02\/10133651\/Hashnode.jpg","datePublished":"2024-02-10T10:09:29+00:00","breadcrumb":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/#primaryimage","url":"https:\/\/cdn.itpiran.net\/2024\/02\/10133651\/Hashnode.jpg","contentUrl":"https:\/\/cdn.itpiran.net\/2024\/02\/10133651\/Hashnode.jpg","width":1793,"height":1110},{"@type":"BreadcrumbList","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-headless-hashnode-%d8%af%d8%b1-digitalocean\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.itpiran.net\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0622\u0645\u0648\u0632\u0634\u06cc","item":"https:\/\/www.itpiran.net\/blog\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"\u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 Headless Hashnode \u062f\u0631 DigitalOcean"}]},{"@type":"WebSite","@id":"https:\/\/www.itpiran.net\/blog\/#website","url":"https:\/\/www.itpiran.net\/blog\/","name":"ITPiran Blog","description":"Iranische Nachrichten und Artikel zum Thema nachhaltiger Handel","publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.itpiran.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.itpiran.net\/blog\/#organization","name":"Nachhaltiger iranischer Unternehmensblog","alternateName":"ITPIran Blog","url":"https:\/\/www.itpiran.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","contentUrl":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","width":512,"height":512,"caption":"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81","name":"Administrator","url":"https:\/\/www.itpiran.net\/blog\/de\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.itpiran.net\/blog\/de\/wp-json\/wp\/v2\/posts\/14708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itpiran.net\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itpiran.net\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/de\/wp-json\/wp\/v2\/comments?post=14708"}],"version-history":[{"count":1,"href":"https:\/\/www.itpiran.net\/blog\/de\/wp-json\/wp\/v2\/posts\/14708\/revisions"}],"predecessor-version":[{"id":14721,"href":"https:\/\/www.itpiran.net\/blog\/de\/wp-json\/wp\/v2\/posts\/14708\/revisions\/14721"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/de\/wp-json\/wp\/v2\/media\/14720"}],"wp:attachment":[{"href":"https:\/\/www.itpiran.net\/blog\/de\/wp-json\/wp\/v2\/media?parent=14708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/de\/wp-json\/wp\/v2\/categories?post=14708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/de\/wp-json\/wp\/v2\/tags?post=14708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}