{"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\/en\/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":"Getting Started with Headless Hashnode on DigitalOcean"},"content":{"rendered":"

Introduction<\/h2>\n

Hashnode is a free-to-use content publishing platform and developer community designed to keep tech enthusiasts engaged. It provides a space for users to create and share blog posts and build a community around various areas of technology. HashNode aims to simplify the creation and maintenance of a developer-friendly and SEO-optimized technical blog, offering features like custom domains, a built-in editor, and seamless integration with popular version control systems like GitHub. Their newest offering, Headless Hashnode, lets you build a blog from scratch using Hashnode\u2019s innovative GraphQL APIs. You can build a blog from scratch or use their Next.js starter kit.<\/p>\n

In this tutorial, we will set up Hashnode headless on DigitalOcean Droplets.<\/p>\n

Introduction to HeadLess HashNode<\/h2>\n

A Headless Content Management System, or CMS, is an architecture that separates the content management and presentation layers. With a traditional CMS, content is authored, stored, and displayed in one system, but with a headless architecture, content storage and presentation can be handled separately, which creates space for designers and developers to experiment with how the blog looks to its consumers.<\/p>\n

Headless Hashnode is a purpose-built CMS that helps users build personal or corporate blogs so they can play around with their domain using Hashnode's WYSIWYG editor, AI, and SEO optimization tools without worrying about content and analytics tracking while hosting.<\/p>\n

Start<\/h2>\n

Prerequisites:<\/h5>\n
    \n
  1. An account on DigitalOcean<\/li>\n
  2. An account on Hashnode.<\/li>\n<\/ol>\n

    \u00a0Using DigitalOcean Droplets<\/h2>\n

    DigitalOcean Droplets are simple, scalable, and reliable virtual machines that can be easily deployed in less than a minute.<\/p>\n

    To get started, go to your DigitalOcean control panel and click the green \u00abCreate\u00bb button in the top right of the page. From the drop-down menu, select \u00abDroplets,\u00bb which will also be the first option.<\/p>\n

    \"\"
    \nIn the next window, you will need to specify your preferences for region, image and size, and other details. It is strongly recommended to choose the region closest to your potential readers, even if the data center is already selected for you.<\/p>\n

    In the next option that reads \u00abImages,\u00bb go to the Marketplace tab and search for NodeJS on Ubuntu. DigitalOcean\u2019s Marketplace features a collection of ready-to-deploy tools and resources called 1-Click Apps. Instead of manually downloading all the dependencies, you can go to the Marketplace and run a 1-Click App that comes with pre-configured images and settings and all the packages and dependencies you need for your project. Your screen should look like this:<\/p>\n

    \"\"
    \nIn the next window, you can choose the size of the droplet. Choose the best one for you or your company, considering the number of blogs you plan to post in the future. Ideally, if you want to run this implementation at a production level, we recommend using at least a 25 GB SSD hard drive. We recommend choosing a premium droplet for faster performance, which supports Intel, AMD processors, and NVMe SSDs. You can choose a premium droplet based on your needs, just like a standard droplet.<\/p>\n

    \"\"
    \nOnce done, you need to choose an authentication method. You can log in to your Droplet via SSH key or password. For this tutorial, we\u2019ll go with a password, so add whatever string you choose and make a note of it. For the next section, you can add enhanced metrics monitoring and alerting at no cost by checking the box next to the option, and you\u2019re all set. Make sure you add a simpler Hostname for your Droplet and look at all the details before clicking \u201cCreate Droplet.\u201d.<\/p>\n

    \"\"
    \nIt takes about a minute to provision a Droplet. Once you're done, click the "Get Started" link to get an overview of the Marketplace app and see what's included.<\/p>\n

    Droplet setup<\/h2>\n

    To launch your Droplet, accept incoming connections and redirect them to the application in your local terminal:<\/p>\n

    \n
    ssh root@YOUR-DROPLET-IP<\/code><\/pre>\n<\/div>\n
    \u00abReplace "YOUR-DROPLET-IP" with the IP address of your Droplet in the control panel. Enter the password when prompted.<\/p>\n
    \"\"
    \nThe next step is to update and upgrade the packages in the Droplet, and for that, run the following commands:<\/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
    To remove the default page shown in the Droplet and occupying port 3000, use the following commands.<\/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
    If the changes don't reflect within 5 minutes, you may need to power down your Droplet and power it back up. If this happens, you'll need to SSH into your Droplet again in your local terminal. For the next steps, we'll use Node.js, npm, and Nginx, which are already installed on the Droplet. Nginx is the tool that handles all the routing to our Next.js application.<\/p>\n
    Nginx configuration<\/h2>\n
    Create a new Nginx configuration file using the following command:<\/p>\n
    \n
    sudo nano \/etc\/nginx\/sites-available\/hashnode<\/pre>\n<\/div>\n
    Paste the following configuration, replacing server_name with your Droplet IP address:<\/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
    Once done, save and close the file. Now we need to create a symbolic link to enable the settings using the following:<\/p>\n
    \n
    sudo ln -s \/etc\/nginx\/sites-available\/hashnode \/etc\/nginx\/sites-enabled\/<\/code><\/pre>\n<\/div>\n
    To test your Nginx configuration for syntax errors, you can run the following:<\/p>\n
    \n
    sudo nginx -t<\/code><\/pre>\n<\/div>\n
    The ideal output should be like this:<\/p>\n
    \"\"
    \nNow we are ready to restart Nginx and we can do so using the command:<\/p>\n
    \n
    sudo service nginx restart<\/code><\/pre>\n<\/div>\n
    Headless Hashnode Installation<\/h2>\n
    Go to the directory on the right:<\/p>\n
    \n
    cd \/var\/www<\/code><\/pre>\n<\/div>\n
    Clone the Headless Hashnode Github repository:<\/p>\n
    \n
    git clone https:\/\/github.com\/hashnode\/starter-kit<\/code><\/pre>\n<\/div>\n
    Choose a template and navigate to its directory. In this tutorial, we will use the Personal theme:<\/p>\n
    \n
    cd starter-kit\/packages\/blog-starter-kit\/themes\/personal<\/code><\/pre>\n<\/div>\n
    Copy the environment variables file:<\/p>\n
    \n
    cp .env.example .env.local<\/code><\/pre>\n<\/div>\n
    Then edit the environment variables file:<\/p>\n
    \n
    nano .env.local<\/code><\/pre>\n<\/div>\n
    You need to change the environment variables to point to your Hashnode account. Change NEXT_PUBLIC_HASHNODE_PUBLICATION_HOST to your endpoint and NEXT_PUBLIC_MODE to production. The file will look like this:<\/p>\n
    \"\"
    \nTo install the dependencies, run the following:<\/p>\n
    \n
    pnpm install<\/code><\/pre>\n<\/div>\n
    Your screen should look like the following:<\/p>\n
    \"\"
    \nWith everything in place, you can now run the following command to deploy Headless Hashnode to your Droplet. Note that the compilation will take a minute. Your terminal should look something like this:<\/p>\n
    \n
    pnpm dev<\/code><\/pre>\n<\/div>\n
    \"\"
    \nOnce compiled, you can visit your Droplet IP address to see your Headless Hashnode site up and running!<\/p>\n
    \"\"
    \nWith this, we have deployed Hashnode headless on a DigitalOcean Droplet using a reverse proxy provided by Nginx!<\/p>\n
    Setting up a PM2 process manager<\/h2>\n
    Sometimes, the run command we are running may stop because the server has been restarted or needs to install an update. We will use the PM2 tool to ensure that our application is always running. PM2 will restart even if the application crashes.<\/p>\n
    With the Node.js Marketplace Image, PM2 is pre-installed. To ensure that your application always runs using PM2:<\/p>\n
    \n
    cd \/var\/www\/starter-kit\r\npm2 start npm --name \"hashnode\" --start<\/code><\/pre>\n<\/div>\n
    \"\"
    \nTo ensure PM2 starts at boot, run the following commands. This will create a script that you can copy and paste into your terminal to start PM2 at boot and save those settings.<\/p>\n
    \n
    pm2 startup \r\npm2 save<\/code><\/pre>\n<\/div>\n
    Result<\/h2>\n
    Headless CMS tools are great for customizing user interfaces, and Hashnode facilitates a highly scalable and flexible tool. To improve the security and SEO of your blog, consider setting up SSL certificates using Let's Encrypt and implementing HTTPS connections. If you want to add your own domain name, remember to configure your DNS settings. Point your domain's A record to your Droplet IP address so you can access the application using your domain name. Sign up for an account today. We can't wait to see your blogs with DigitalOcean!<\/p>","protected":false},"excerpt":{"rendered":"Introduction Hashnode is a free-to-use content publishing platform and community for developers that\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\/en\/tutorials\/\u0634\u0631\u0648\u0639-\u06a9\u0627\u0631-\u0628\u0627-headless-hashnode-\u062f\u0631-digitalocean\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\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\/en\/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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\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\":\"en-US\",\"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\":\"en-US\",\"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\":\"en-US\",\"@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\":\"en-US\"},{\"@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\":\"en-US\",\"@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\\\/en\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Getting Started with Headless Hashnode on DigitalOcean - 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\/en\/tutorials\/\u0634\u0631\u0648\u0639-\u06a9\u0627\u0631-\u0628\u0627-headless-hashnode-\u062f\u0631-digitalocean\/","og_locale":"en_US","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\/en\/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":{"Written by":"admin","Est. reading time":"1 minute"},"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":"en-US","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":"Getting Started with Headless Hashnode on DigitalOcean - 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":"en-US","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":"en-US","@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":"Iranian Sustainable Trade News and Articles","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":"en-US"},{"@type":"Organization","@id":"https:\/\/www.itpiran.net\/blog\/#organization","name":"Sustainable Iranian Business Blog","alternateName":"ITPIran Blog","url":"https:\/\/www.itpiran.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@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\/en\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/posts\/14708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/comments?post=14708"}],"version-history":[{"count":1,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/posts\/14708\/revisions"}],"predecessor-version":[{"id":14721,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/posts\/14708\/revisions\/14721"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/media\/14720"}],"wp:attachment":[{"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/media?parent=14708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/categories?post=14708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/en\/wp-json\/wp\/v2\/tags?post=14708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}