{"id":53752,"date":"2023-07-04T16:38:07","date_gmt":"2023-07-04T14:38:07","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=53752&#038;preview=true&#038;preview_id=53752"},"modified":"2023-07-31T09:19:24","modified_gmt":"2023-07-31T07:19:24","slug":"kinsta-api-sleutel","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/","title":{"rendered":"Zo maak en gebruik je een Kinsta API toegangssleutel"},"content":{"rendered":"<p>Kinsta is een <a href=\"https:\/\/kinsta.com\/nl\/blog\/cloudplatform-voor-developers\/\">cloudplatform<\/a> dat is ontworpen om bedrijven en devteams te helpen bij het sneller en effici\u00ebnter shippen en beheren van hun webprojecten.<\/p>\n<p>Kinsta biedt <a href=\"https:\/\/kinsta.com\/nl\/blog\/soorten-developers\/\">ontwikkelaars<\/a> en gebruikers een <a href=\"https:\/\/kinsta.com\/nl\/blog\/rest-api-vs-web-api\/\">API<\/a> om hun <a href=\"https:\/\/kinsta.com\/nl\/wordpress-hosting\/\">WordPress sites<\/a>, <a href=\"https:\/\/sevalla.com\/application-hosting\/\">applicaties<\/a> en <a href=\"https:\/\/sevalla.com\/database-hosting\/\">databases<\/a> programmatisch te beheren.<\/p>\n<p>De <a href=\"https:\/\/kinsta.com\/nl\/docs\/kinsta-api\/\">Kinsta API<\/a> kan worden gebruikt om taken te automatiseren, data op te halen en Kinsta te integreren met andere applicaties zonder dat toegang tot <a href=\"https:\/\/kinsta.com\/nl\/mykinsta\/\">MyKinsta<\/a> nodig is. Om toegang te krijgen tot de API heb je een API sleutel nodig. Dit artikel legt het proces uit van het maken en gebruiken van een Kinsta API sleutel.<\/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>Zo maak je een API sleutel aan<\/h2>\n<p>Om Kinsta&#8217;s API te gebruiken, moet je een account hebben met ten minste \u00e9\u00e9n WordPress site, applicatie of database in MyKinsta. Je moet ook een API sleutel genereren om je te authenticeren en toegang te krijgen tot je account via de API. Om een API sleutel te genereren:<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Behandel je API sleutel als gevoelige informatie en bewaar deze veilig. Vermijd het delen van de sleutel met onbevoegde personen. Als je aan een samenwerkingsproject werkt, gebruik dan een <a href=\"https:\/\/kinsta.com\/nl\/blog\/wachtwoordmanagers\/\">wachtwoordmanager<\/a> zoals 1Password om de sleutel veilig te delen.<\/p>\n<\/aside>\n\n<ol start=\"1\">\n<li>Ga naar je <a href=\"https:\/\/my.kinsta.com\/?lang=nl\">MyKinsta<\/a> dashboard.<\/li>\n<li>Navigeer naar de pagina <strong>API sleutels <\/strong>(<strong>Je naam<\/strong> &gt; <strong>Bedrijfsinstellingen<\/strong> &gt; <strong>API sleutels<\/strong>).<\/li>\n<li>Klik op <strong>Maak API sleutel aan<\/strong>.<\/li>\n<li>Kies een vervaldatum of stel een aangepaste begindatum in en het aantal uren dat de sleutel moet verlopen.<\/li>\n<li>Geef de sleutel een unieke naam.<\/li>\n<li>Klik op <strong>Genereer<\/strong>.<\/li>\n<\/ol>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/create-api-keys.jpg\" alt=\"API sleutel aanmaken op MyKinsta.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">API sleutel aanmaken op MyKinsta.<\/figcaption><\/figure>\n<p>Wanneer je een API sleutel aanmaakt, kopieer deze dan en bewaar hem ergens veilig, want <strong>dit is de enige keer dat je hem kunt zien<\/strong>. Je kunt meerdere API sleutels aanmaken &#8211; ze worden weergegeven op de pagina <strong>API sleutels<\/strong>. Als je een API sleutel wilt intrekken, klik je op <strong>Intrekken<\/strong> naast de sleutel die je wilt intrekken.<\/p>\n<h2>Zo gebruik je Kinsta API gebruiken met je API sleutel<\/h2>\n<p>Zodra je de API-sleutel hebt, kun je communiceren met alle diensten van Kinsta (WordPress sites, Applicaties en Databases) via de <a href=\"https:\/\/kinsta.com\/nl\/changelog\/kinsta-api\/\">Kinsta API<\/a>, zoals het opvragen van een <a href=\"https:\/\/api-docs.kinsta.com\/tag\/Databases#paths\/~1databases\/get\" target=\"_blank\" rel=\"noopener noreferrer\">lijst met databases op bedrijfs-ID<\/a>, <a href=\"https:\/\/api-docs.kinsta.com\/tag\/WordPress-Sites#paths\/~1sites\/get\" target=\"_blank\" rel=\"noopener noreferrer\">bedrijfssites<\/a>, het maken van een WordPress site en meer.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Elke API call heeft ook een specifiek endpoint; de bepaalde parameters zijn goed gedocumenteerd zodat je weet hoe je deze calls moet maken.<\/p>\n<\/aside>\n\n<p>Om bijvoorbeeld een lijst met bedrijfssites in je MyKinsta op te vragen, is het endpoint <code>\/sites<\/code>. De API sleutel zal dienen als je autorisatieheader; je voegt ook de bedrijfs-ID toe (verplichte parameter). Hier zie je hoe je dit API verzoek doet met cURL:<\/p>\n<pre><code class=\"language-bash\">curl -i -X GET \n  'https:\/\/api.kinsta.com\/v2\/sites?company=' \n  -H 'Authorization: Bearer &lt;YOUR_API_KEY_HERE&gt;'<\/code><\/pre>\n<p>Vervang <code>YOUR_API_KEY_HERE<\/code> door de werkelijke API sleutel die je hebt gegenereerd en<\/p>\n<p><code>COMPANY_ID_HERE<\/code> met je unieke bedrijfs-ID. Dit geeft een JSON respons van alle bedrijfssites in je DevKinsta dashboard:<\/p>\n<pre><code class=\"language-json\">{\n    \"company\": {\n        \"sites\": [\n            {\n                \"id\": \"YOUR_SITE_ID\",\n                \"name\": \"my-test-site\",\n                \"display_name\": \"Test site\",\n                \"status\": \"live\",\n                \"site_labels\": []\n            }\n        ]\n    }\n}<\/code><\/pre>\n<p>Een ander voorbeeld, stel dat je een specifieke site wilt ophalen op ID (GET-verzoek). Je kunt het <code>\/sites\/{site_id}<\/code> endpoint gebruiken. <code>{site_id}<\/code> zal worden vervangen door het unieke ID van de specifieke site die je wilt ophalen. Hier zie je hoe je dit API verzoek doet met NodeJS:<\/p>\n<pre><code class=\"language-js\">import fetch from 'node-fetch';\n\nasync function fetchSite() {\n  const siteId = 'YOUR_SITE_ID';\n  const response = await fetch(\n    `https:\/\/api.kinsta.com\/v2\/sites\/${siteId}`,\n    {\n      method: 'GET',\n      headers: {\n        Authorization: 'Bearer \n      }\n    }\n  );\n\n  const data = await response.json();\n  console.log(data);\n}\n\nfetchSite();<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>De API heeft een <a href=\"https:\/\/kinsta.com\/nl\/docs\/kinsta-api\/#rate-limit\">aanvraaglimiet<\/a> (rate limit) van 60 per minuut, met een uitzondering voor het aanmaken van sites, dat beperkt is tot 5 aanvragen per minuut. Je kunt de RateLimit headers in de laatste API respons controleren om de <a href=\"https:\/\/kinsta.com\/nl\/blog\/api-rate-limiting\/\">status van je huidige rate limit<\/a> te bekijken. Op dit moment is het niet mogelijk om de snelheidslimiet te verhogen.<\/p>\n<\/aside>\n\n<p>Er is meer mogelijk met de Kinsta API. Voor volledige details over beschikbare API endpoints en de benodigde parameters, om onze OpenAPI specificatie te downloaden en endpoints uit te proberen, zie je onze <a href=\"https:\/\/api-docs.kinsta.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">API Reference<\/a>.<\/p>\n<h3>Rechten<\/h3>\n<p>API toegangsrechten voor Kinsta zijn afhankelijk van <a href=\"https:\/\/kinsta.com\/nl\/docs\/bedrijfsinstellingen\/gebruikersbeheer\/#user-roles\">de rol van de gebruiker<\/a> binnen het bedrijf, aangezien <strong>Company Owners, Company Administrators en Company Developers <\/strong>API sleutels kunnen aanmaken.<\/p>\n<p>Een API sleutel die is gegenereerd door een Developer heeft bijvoorbeeld niet hetzelfde toegangsniveau als een sleutel die is gegenereerd door een Owner of Administrator. De specifieke rechten die bij elke gebruikersrol horen zorgen voor de juiste toegangscontrole en beveiliging voor de Kinsta API.<\/p>\n<h2>Zo gebruik je de Kinsta API om een statuschecker te bouwen<\/h2>\n<p>Wanneer je een applicatie, site of database maakt op MyKinsta, doorloopt deze verschillende stadia. Een manier om deze stadia te identificeren is door middel van hun status. Een applicatie die wordt gedeployd op Kinsta heeft een bijvoorbeeld status voor wanneer deze wordt gedeployd, succesvol is gedeployd of is mislukt.<\/p>\n<p>De Kinsta API biedt <a href=\"https:\/\/kinsta.com\/blog\/api-endpoint\/\">endpoints<\/a>\u00a0waarmee je statusinformatie kunt ophalen over je projecten op <a href=\"https:\/\/my.kinsta.com\/?lang=nl\">MyKinsta<\/a>. Voor dit project zul je communiceren met drie endpoints, namelijk de <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/Applications#paths\/~1applications\/get\">\/applications<\/a><\/code>, <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/WordPress-Sites#paths\/~1sites\/get\">\/sites<\/a><\/code>, en <code><a href=\"https:\/\/api-docs.kinsta.com\/tag\/Databases#paths\/~1databases\/get\">\/databases<\/a><\/code>om een array van alle applicaties, sites en databases op te halen met behulp van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/javascript-http-verzoek\/#4-how-to-make-an-http-request-in-javascript-using-the-fetch-api\">JavaScript Fetch API<\/a>.<\/p>\n<p>Zodra je de lijst hebt opgehaald, kun je de methode <code>find()<\/code> in JavaScript gebruiken om te zoeken naar een specifieke projectnaam die is ingevoerd in de gebruikersinterface (UI). Dit geeft de naam en status van het project als het bestaat.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/status-checker-web-interface.jpg\" alt=\"Statuschecker webapplicatie.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Statuschecker webapplicatie.<\/figcaption><\/figure>\n<h3>Vereisten<\/h3>\n<p>Om dit project te kunnen volgen, is het raadzaam om een basiskennis te hebben van <a href=\"https:\/\/kinsta.com\/blog\/what-is-html\/\">HTML<\/a>, <a href=\"https:\/\/kinsta.com\/nl\/blog\/css-best-practices\/\">CSS<\/a> en <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> en enige bekendheid met <a href=\"https:\/\/kinsta.com\/blog\/what-is-react-js\/\">React<\/a>. De belangrijkste focus van dit project is het demonstreren van het gebruik van de Kinsta API, dus het artikel gaat niet in op de details van het maken van UI of styling.<\/p>\n<p>Je kunt een Git repository maken met deze <a href=\"https:\/\/github.com\/kinsta\/status-checker\" target=\"_blank\" rel=\"noopener noreferrer\">template op GitHub<\/a>. Selecteer <strong>Use this template<\/strong> &gt; <strong>Create a new repository<\/strong> om de startcode te kopi\u00ebren naar een nieuwe repository binnen je eigen GitHub account, en zorg ervoor dat je het vakje om <strong>alle branches mee te nemen<\/strong> aanvinkt. Als je naar je lokale computer gaat, zorg er dan voor dat je overschakelt naar de <strong><a href=\"https:\/\/github.com\/kinsta\/status-checker\/tree\/status-checker-ui\" target=\"_blank\" rel=\"noopener noreferrer\">status-checker-ui<\/a><\/strong> branch om de startbestanden te gebruiken met het onderstaande commando:<\/p>\n<pre><code class=\"language-bash\">git checkout status-checker-ui<\/code><\/pre>\n<p>Installeer de benodigde dependencies door het commando <code>npm install<\/code> uit te voeren. Als de installatie voltooid is, kun je het project op je lokale computer starten met het commando <code>npm run start<\/code>. Dit zal het project openen op <strong>http:\/\/localhost:3000\/<\/strong>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/status-checker-ui.jpg\" alt=\"Controleer de status van MyKinsta projecten.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Controleer de status van MyKinsta projecten.<\/figcaption><\/figure>\n<p>Dit project heeft twee hoofdpagina&#8217;s: de <strong>Home<\/strong> en <strong>Service pagina&#8217;s<\/strong>. De <b>Home pagina <\/b>toont een lijst met diensten die worden geleverd door Kinsta (WordPress-, applicatie- en databasehosting). Als je op een van de diensten klikt, kom je op de <strong>Service pagina<\/strong>, die is ontworpen om specifieke informatie te geven over de geselecteerde dienst.<\/p>\n<p>Als je bijvoorbeeld op de sectie &#8220;Applications&#8221; klikt, word je doorgestuurd naar de <b>Service pagina <\/b>voor applicaties. Je kunt op deze pagina zoeken naar elke applicatie binnen je MyKinsta account, zodat de status van de applicatie wordt opgehaald aan de hand van de unieke naam of de weergavenaam.<\/p>\n<h3>Interactie met de Kinsta API<\/h3>\n<p>Om de zoekfunctie voor dit project te benutten, maak je drie functies om de ophaalverzoeken voor elke service (applicaties, sites en databases) af te handelen. Vervolgens implementeer je een zoekfunctie die de hele reeks gegevens scant om te controleren of een bepaalde zoekwaarde bestaat.<\/p>\n<p>Je hebt je <strong>bedrijfs-ID<\/strong> en <strong>API sleutel<\/strong> nodig voor interactie met de Kinsta API, zodat je een lijst kunt ophalen van databases, applicaties en sites die beschikbaar zijn in je MyKinsta account. Als je ze eenmaal hebt, sla ze dan op als <a href=\"https:\/\/kinsta.com\/blog\/what-is-an-environment-variable\/\">omgevingsvariabelen<\/a> in je React applicatie door een <strong>.env bestand<\/strong> aan te maken in de hoofdmap van je project.<\/p>\n<pre><code class=\"language-bash\">REACT_APP_KINSTA_COMPANY_ID = 'YOUR_COMPANY_ID'\nREACT_APP_KINSTA_API_KEY = 'YOUR_API_KEY'<\/code><\/pre>\n<p>Je hebt nu overal in je project toegang tot deze waarden met <code>process.env.THE_VARIABLE<\/code>. Om bijvoorbeeld toegang te krijgen tot <code>REACT_APP_KINSTA_COMPANY_ID<\/code>, gebruik je <code>process.env.REACT_APP_KINSTA_COMPANY_ID<\/code>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-\u201dinfo\u201d\">\n        <p>Zorg ervoor dat je het <strong>.env bestand<\/strong> toevoegt aan je <strong><a href=\"https:\/\/kinsta.com\/nl\/blog\/gitignore-repareren\/\">.gitignore bestand<\/a><\/strong> zodat het niet naar GitHub pusht, omdat het informatie bevat die niet online gedeeld zou moeten worden zodat iedereen het kan zien.<\/p>\n<\/aside>\n\n<p>Voordat je de API gebruikt, maak je drie states aan in de <strong>Service.jsx<\/strong> pagina om de state en naam op te slaan van de uitvoer die gegenereerd wordt als je zoekt naar een site, applicatie of database. De derde state is om foutinformatie op te slaan.<\/p>\n<pre><code class=\"language-jsx\">let [status, setStatus] = useState('');\nlet [name, setName] = useState('');\nlet [error, setError] = useState('');<\/code><\/pre>\n<p>Maak ook een variabele om de Kinsta API URL op te slaan:<\/p>\n<pre><code class=\"\u201dlanguage-js\u201d\">const KinstaAPIUrl = 'https:\/\/api.kinsta.com\/v2';<\/code><\/pre>\n<p>Als je klaar bent, koppel dan een <code>onClick<\/code> event aan een <code>CheckQuery()<\/code> functie aan de verzendknop van het formulier op de <strong>Service.jsx<\/strong> pagina, zodat deze een functie triggert op basis van de slug. Dus als de slug databases aangeeft, wordt de <code>CheckDatabases()<\/code> functie geactiveerd:<\/p>\n<pre><code class=\"language-jsx\">const CheckQuery = async (name) =&gt; {\n  if (slug === 'wp-site') {\n      await CheckSites(name);\n  } else if (slug === 'application') {\n      await CheckApplications(name);\n  } else if (slug === 'database') {\n      await CheckDatabases(name);\n  }\n}<\/code><\/pre>\n<h4>Lijst met sites ophalen met Kinsta API<\/h4>\n<p>Om een lijst van sites op te halen die beschikbaar zijn op je MyKinsta bedrijfsaccount met Kinsta API, maak je een functie, geef je een query door met de bedrijfs-ID als parameter en autoriseer je het verzoek met je API sleutel. Dit verzoek zal het <code>\/sites<\/code> endpoint van de Kinsta API gebruiken:<\/p>\n<pre><code class=\"language-jsx\">const CheckSites = async (name) =&gt; {\n  const query = new URLSearchParams({\n      company: `${process.env.REACT_APP_KINSTA_COMPANY_ID}`,\n  }).toString();\n  const resp = await fetch(\n      `${KinstaAPIUrl}\/sites?${query}`,\n      {\n          method: 'GET',\n          headers: {\n              Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`\n          }\n      }\n  );\n}<\/code><\/pre>\n<p>Deze bovenstaande code zal alle sites ophalen die beschikbaar zijn in je MyKinsta account, je kunt nu de methode <code>find()<\/code> gebruiken om te zoeken als de zoekopdracht overeenkomt met een <strong>naam<\/strong> of <strong>weergavenaam<\/strong>:<\/p>\n<pre><code class=\"language-jsx\">const data = await resp.json();\n  let sitesData = data.company.sites;\n  let site = sitesData.find(site =&gt; site.name === name || site.display_name === name);<\/code><\/pre>\n<p>Hiermee kun je vervolgens enkele voorwaarden maken om te controleren of het een waarde oplevert, stel dan de states in en werk anders de foutstatus bij met een bericht om de gebruiker te informeren dat een dergelijke site niet bestaat:<\/p>\n<pre><code class=\"language-jsx\">if (site) {\n    setName(site.display_name);\n    if (site.status === 'live') {\n        setStatus('\ud83d\udfe2 Running');\n    } else if (site.status === 'staging') {\n        setStatus('\ud83d\udfe1 Staging');\n    } else {\n        setStatus('\ud83d\udfe1 Unknown');\n    }\n    setUniqueName('');\n} else {\n    setError('No such site found for your account');\n    setUniqueName('');\n}<\/code><\/pre>\n<p>Als je dit allemaal samenvoegt, ziet je code om de status van een bepaalde site te controleren er zo uit:<\/p>\n<pre><code class=\"language-jsx\">const CheckSites = async (name) =&gt; {\n  setName('');\n  setStatus('');\n  setError('');\n  const query = new URLSearchParams({\n      company: `${process.env.REACT_APP_KINSTA_COMPANY_ID}`,\n  }).toString();\n  const resp = await fetch(\n      `${KinstaAPIUrl}\/sites?${query}`,\n      {\n          method: 'GET',\n          headers: {\n              Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`\n          }\n      }\n  );\n  const data = await resp.json();\n  let sitesData = data.company.sites;\n  let site = sitesData.find(site =&gt; site.name === name || site.display_name === name);\n  if (site) {\n      setName(site.display_name);\n      if (site.status === 'live') {\n          setStatus('\ud83d\udfe2 Running');\n      } else if (site.status === 'staging') {\n          setStatus('\ud83d\udfe1 Staging');\n      } else {\n          setStatus('\ud83d\udfe1 Unknown');\n      }\n      setUniqueName('');\n  } else {\n      setError('No such site found for your account');\n      setUniqueName('');\n  }\n}<\/code><\/pre>\n<p><strong>Opmerking:<\/strong> Alle drie de states worden ge\u00efnitialiseerd als lege strings telkens wanneer de functie <code>CheckSites()<\/code> wordt geactiveerd. Dit is nodig om ervoor te zorgen dat alle eerdere zoekgegevens worden gewist.<\/p>\n<h4>Lijst met applicaties ophalen met Kinsta API<\/h4>\n<p>Net zoals je deed voor sites, gebruik je het <code>\/applications<\/code> endpoint, geef je een query door die de ID van het bedrijf bevat en gebruik je ook de <code>find()<\/code> methode om de geretourneerde array te doorzoeken:<\/p>\n<pre><code class=\"language-jsx\">const CheckApplications = async (name) =&gt; {\n  setName('');\n  setStatus('');\n  setError('');\n  const query = new URLSearchParams({\n      company: `${process.env.REACT_APP_KINSTA_COMPANY_ID}`,\n  }).toString();\n  const resp = await fetch(\n      `${KinstaAPIUrl}\/applications?${query}`,\n      {\n          method: 'GET',\n          headers: {\n              Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`\n          }\n      }\n  );\n  const data = await resp.json();\n  let appsData = data.company.apps.items;\n  let app = appsData.find(app =&gt; app.unique_name === name || app.name === name || app.display_name === name);\n  if (app) {\n      setName(app.display_name);\n      if (app.status === 'deploymentSuccess') {\n          setStatus('\ud83d\udfe2 Running');\n      } else if (app.status === 'deploymentFailed') {\n          setStatus('\ud83d\udd34 Failed');\n      } else if (app.status === 'deploymentPending') {\n          setStatus('\ud83d\udfe1 Pending');\n      } else if (app.status === 'deploymentInProgress') {\n          setStatus('\ud83d\udfe1 In Progress');\n      } else {\n          setStatus('\ud83d\udfe1 Unknown');\n      }\n      setUniqueName('');\n  } else {\n      setError('No such app found for your account');\n      setUniqueName('');\n  }\n}<\/code><\/pre>\n<h4>Lijst van databases ophalen met Kinsta API<\/h4>\n<p>Om een lijst met databases op te halen, gebruik je het <code>\/databases<\/code> endpoint van de Kinsta API:<\/p>\n<pre><code class=\"language-jsx\">const CheckDatabases = async (name) =&gt; {\n  setName('');\n  setStatus('');\n  setError('');\n  const query = new URLSearchParams({\n      company: `${process.env.REACT_APP_KINSTA_COMPANY_ID}`,\n  }).toString();\n  const resp = await fetch(\n      `${KinstaAPIUrl}\/databases?${query}`,\n      {\n          method: 'GET',\n          headers: {\n              Authorization: `Bearer ${process.env.REACT_APP_KINSTA_API_KEY}`\n          }\n      }\n  );\n  const data = await resp.json();\n  let databasesData = data.company.databases.items;\n  let database = databasesData.find(database =&gt; database.name === name || database.display_name === name);\n  if (database) {\n      setName(database.display_name);\n      if (database.status === 'ready') {\n          setStatus('\ud83d\udfe2 Running');\n      } else if (database.status === 'creating') {\n          setStatus('\ud83d\udfe1 Creating');\n      } else {\n          setStatus('\ud83d\udfe1 Unknown');\n      }\n      setUniqueName('');\n  } else {\n      setError('No such database found for your account');\n      setUniqueName('');\n  }\n}<\/code><\/pre>\n<p>Zodra dit is gedaan heb je de Kinsta API met succes gebruikt in je React project. Om ervoor te zorgen dat je app goed werkt, voeg je de gegevens die worden geretourneerd uit deze functies, die zijn ingesteld op de states die we eerder hebben gemaakt, toe aan je markup code:<\/p>\n<pre><code class=\"language-jsx\">{status !== '' && (\n  &lt;div className=\"services\"&gt;\n      &lt;div className=\"details\"&gt;\n          &lt;div className=\"name-details\"&gt;\n              &lt;span&gt; className=\"tag\"&gt;Name: &lt;\/span&gt;\n              &lt;span&gt; className=\"value\"&gt;{name}&lt;\/span&gt;\n          &lt;\/div&gt;\n          &lt;div className=\"status-details\"&gt;\n              &lt;span&gt; className=\"tag\"&gt;Status: &lt;\/span&gt;\n              &lt;span&gt; className=\"value\"&gt; {status}&lt;\/span&gt;\n          &lt;\/div&gt;\n      &lt;\/div&gt;\n  &lt;\/div&gt;\n)}<\/code><\/pre>\n<p>Voeg ook een voorwaarde toe die wordt geactiveerd als er een fout optreedt. Als een gebruiker bijvoorbeeld zoekt naar een project dat niet bestaat in MyKinsta, wordt de fout geactiveerd.<\/p>\n<pre><code class=\"language-jsx\">{error !== '' && (\n  &lt;div className=\"services\"&gt;\n      &lt;div className=\"details\"&gt;\n          &lt;p&gt;{error}&lt;\/p&gt;\n      &lt;\/div&gt;\n  &lt;\/div&gt;\n)}<\/code><\/pre>\n<p>Op dit punt werkt je project goed en kun je de status van applicaties, sites of databases controleren die beschikbaar zijn op je MyKinsta dashboard. Je kunt je code controleren met deze <a href=\"https:\/\/github.com\/kinsta\/status-checker\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub repository<\/a>.<\/p>\n<h3>Hoe je je statuschecker kunt deployen op Kinsta<\/h3>\n<p>Om je React project uit te rollen naar Kinsta, moet je het project pushen naar <a href=\"https:\/\/docs.sevalla.com\/applications\/get-started\/add-an-application#adding-an-application\">de Git provider van je voorkeur<\/a>. Als je project wordt gehost op <a href=\"https:\/\/kinsta.com\/blog\/what-is-github\/\">GitHub<\/a>, <a href=\"https:\/\/kinsta.com\/nl\/blog\/gitlab-en-github\/\">GitLab<\/a> of <a href=\"https:\/\/kinsta.com\/nl\/blog\/bitbucket-vs-github\/\">Bitbucket<\/a>, kun je het deployen naar Kinsta.<\/p>\n<p>Om je repository naar Kinsta te deployen, volg je deze stappen:<\/p>\n<ol start=\"1\">\n<li>Log in of maak je Kinsta account aan op het <a href=\"https:\/\/my.kinsta.com\/?lang=nl\">MyKinsta<\/a> dashboard.<\/li>\n<li>Klik in de linker zijbalk op &#8220;Applicaties&#8221; en vervolgens op &#8220;Dienst toevoegen&#8221;.<\/li>\n<li>Selecteer &#8220;Applicatie&#8221; in het vervolgkeuzemenu om een React applicatie te deployen op Kinsta.<\/li>\n<li>Kies in het venster dat verschijnt de repository die je wilt deployen. Als je meerdere branches hebt, kun je de gewenste branch selecteren en een naam geven aan je applicatie.<\/li>\n<li>Selecteer een van de beschikbare datacenterlocaties uit de lijst van 25 opties. Kinsta zal automatisch het start-commando voor je applicatie detecteren.<\/li>\n<\/ol>\n<p>Tot slot is het niet veilig om API sleutels naar publieke hosts zoals je Git provider te pushen. Bij het hosten kun je ze toevoegen als <a href=\"https:\/\/docs.sevalla.com\/applications\/environment-variables\">omgevingsvariabelen<\/a> met dezelfde variabelennaam en waarde die zijn opgegeven in het <strong>.env bestand<\/strong>.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/set-environment-variable-devkinsta.jpg\" alt=\"Controleer de status van MyKinsta projecten bij het deployen.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Stel omgevingsvariabelen in op DevKinsta bij het deployen.<\/figcaption><\/figure>\n<p>Zodra je de deployment van je applicatie start, zal het proces beginnen en meestal binnen een paar minuten voltooid zijn. Je ontvangt een link om toegang te krijgen tot de uitgerolde versie van je applicatie als de deployment is geslaagd. In dit geval is de link bijvoorbeeld <strong>https:\/\/status-checker-1t256.kinsta.app\/<\/strong>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Je kunt automatische deployments inschakelen, zodat Kinsta je applicatie opnieuw deployt wanneer je je codebase wijzigt en naar GitHub pusht.<\/p>\n<\/aside>\n\n<h2>Samenvatting<\/h2>\n<p>Met de Kinsta API sleutel kun je eenvoudig taken automatiseren, gegevens ophalen en Kinsta integreren met andere applicaties. Vergeet niet om je toegangssleutel veilig te bewaren.<\/p>\n<p>Nu kun je de kracht van de <a href=\"https:\/\/kinsta.com\/nl\/docs\/kinsta-api\/\">Kinsta API<\/a> gebruiken om bepaalde <a href=\"https:\/\/kinsta.com\/nl\/docs\/kinsta-api\/#reporting\">rapportages<\/a> te maken, <a href=\"https:\/\/kinsta.com\/nl\/docs\/kinsta-api\/#scheduled-tasks\">taken te plannen<\/a>, <a href=\"https:\/\/kinsta.com\/nl\/docs\/kinsta-api\/#wordpress-site-creation\">WordPress sites te maken<\/a> en verschillende activiteiten te automatiseren.<\/p>\n<p><em>Welk endpoint zou jij graag toegevoegd zien aan de Kinsta API? <\/em><em>Laat het ons weten in de comments.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kinsta is een cloudplatform dat is ontworpen om bedrijven en devteams te helpen bij het sneller en effici\u00ebnter shippen en beheren van hun webprojecten. Kinsta biedt &#8230;<\/p>\n","protected":false},"author":287,"featured_media":53753,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[911,871,884],"class_list":["post-53752","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-api","topic-react","topic-webdevelopment-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>Zo maak en gebruik je een Kinsta API toegangssleutel - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Leer hoe je moeiteloos je Kinsta API toegangssleutel kunt maken en gebruiken voor naadloze integratie en verbeterd websitebeheer.\" \/>\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\/nl\/blog\/kinsta-api-sleutel\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zo maak en gebruik je een Kinsta API toegangssleutel\" \/>\n<meta property=\"og:description\" content=\"Leer hoe je moeiteloos je Kinsta API toegangssleutel kunt maken en gebruiken voor naadloze integratie en verbeterd websitebeheer.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-04T14:38:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-31T07:19:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.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=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Leer hoe je moeiteloos je Kinsta API toegangssleutel kunt maken en gebruiken voor naadloze integratie en verbeterd websitebeheer.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Zo maak en gebruik je een Kinsta API toegangssleutel\",\"datePublished\":\"2023-07-04T14:38:07+00:00\",\"dateModified\":\"2023-07-31T07:19:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/\"},\"wordCount\":2097,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.jpg\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/\",\"name\":\"Zo maak en gebruik je een Kinsta API toegangssleutel - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.jpg\",\"datePublished\":\"2023-07-04T14:38:07+00:00\",\"dateModified\":\"2023-07-31T07:19:24+00:00\",\"description\":\"Leer hoe je moeiteloos je Kinsta API toegangssleutel kunt maken en gebruiken voor naadloze integratie en verbeterd websitebeheer.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"API\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/api\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Zo maak en gebruik je een Kinsta API toegangssleutel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"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\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zo maak en gebruik je een Kinsta API toegangssleutel - Kinsta\u00ae","description":"Leer hoe je moeiteloos je Kinsta API toegangssleutel kunt maken en gebruiken voor naadloze integratie en verbeterd websitebeheer.","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\/nl\/blog\/kinsta-api-sleutel\/","og_locale":"nl_NL","og_type":"article","og_title":"Zo maak en gebruik je een Kinsta API toegangssleutel","og_description":"Leer hoe je moeiteloos je Kinsta API toegangssleutel kunt maken en gebruiken voor naadloze integratie en verbeterd websitebeheer.","og_url":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2023-07-04T14:38:07+00:00","article_modified_time":"2023-07-31T07:19:24+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Leer hoe je moeiteloos je Kinsta API toegangssleutel kunt maken en gebruiken voor naadloze integratie en verbeterd websitebeheer.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Joel Olawanle","Geschatte leestijd":"13 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Zo maak en gebruik je een Kinsta API toegangssleutel","datePublished":"2023-07-04T14:38:07+00:00","dateModified":"2023-07-31T07:19:24+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/"},"wordCount":2097,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.jpg","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/","url":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/","name":"Zo maak en gebruik je een Kinsta API toegangssleutel - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.jpg","datePublished":"2023-07-04T14:38:07+00:00","dateModified":"2023-07-31T07:19:24+00:00","description":"Leer hoe je moeiteloos je Kinsta API toegangssleutel kunt maken en gebruiken voor naadloze integratie en verbeterd websitebeheer.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.jpg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/07\/kinsta-api-key.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/kinsta-api-sleutel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"API","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/api\/"},{"@type":"ListItem","position":3,"name":"Zo maak en gebruik je een Kinsta API toegangssleutel"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","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\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/nl\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/53752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=53752"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/53752\/revisions"}],"predecessor-version":[{"id":54541,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/53752\/revisions\/54541"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/53752\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/53752\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/53752\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/53752\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/53752\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/53752\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/53752\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/53752\/translations\/es"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/53752\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/53753"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=53752"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=53752"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=53752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}