Dev.to API

Overview

Measurement Record

What actually happened when we called this API from our own infrastructure. Every value below was recorded by the request, not copied from the provider's documentation.

Request

GET https://dev.to/api/articles?per_page=5&tag=javascript

Result

HTTP 200 · application/json · 10,772 bytes · compressed

Response time

31 ms (median of 3) · fastest 29 ms

Transport

TLSv1.2 · ECDHE-RSA-AES128-GCM-SHA256 · certificate issued by GlobalSign nv-sa

Browser CORS

Allowed — Access-Control-Allow-Origin: *

Served by

Heroku

Recorded

2026-08-10

Fields Returned

Top-level fields present in the response we captured, with the type and value we actually received.

Captured Response

Captured from a real request to https://dev.to/api/articles?per_page=5&tag=javascript on 2026-08-10. Long arrays and nested objects are truncated to keep the shape readable.

[
  {
    "type_of": "article",
    "id": 4361820,
    "title": "I Built a ₹15 Landing Page About Mumbai's Soul Food",
    "description": "A scroll-driven cinematic page about vada pav. No framework, no build step. Just HTML, CSS, and a story worth telling. Dev.to Frontend Challenge submission.",
    "readable_publish_date": "Aug 10",
    "slug": "i-built-a-15-landing-page-about-mumbais-soul-food-1l78",
    "path": "/sarvar_04/i-built-a-15-landing-page-about-mumbais-soul-food-1l78",
    "url": "https://dev.to/sarvar_04/i-built-a-15-landing-page-about-mumbais-soul-food-1l78",
    "comments_count": 2,
    "public_reactions_count": 14,
    "collection_id": null,
    "published_timestamp": "2026-08-10T14:50:38Z",
    "language": "en",
    "subforem_id": 1,
    "…": "(13 more fields)"
  }
]

Implementation Example

Calls a real endpoint of this API. Replace any placeholder credentials with your own key.

const url = "https://dev.to/api/articles?per_page=5&tag=javascript";
// Replace headers or query params with the values required by this API.
const response = await fetch(url, {
  headers: {
  "X-API-Key": "YOUR_API_KEY"
  }
});
if (!response.ok) throw new Error(`Request failed: ${response.status}`);
const data = await response.json();
console.log(data);

import requests

url = "https://dev.to/api/articles?per_page=5&tag=javascript"
headers = {"X-API-Key": "YOUR_API_KEY"}

response = requests.get(url, headers=headers, timeout=30)
response.raise_for_status()
data = response.json()
print(data)

curl -H "api-key: YOUR_API_KEY" "https://dev.to/api/articles?per_page=5&tag=javascript"

What Can You Build?

// Fetch random personality content
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://developers.forem.com/api`, { headers });
const data = await response.json();
const content = data.quote || data.text || data.content || data;
console.log('Quote:', typeof content === 'string' ? content : JSON.stringify(content));
document.getElementById('quote').textContent = 
  typeof content === 'string' ? content : content.text || '';

// Display motivational or personality content
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://developers.forem.com/api`, { headers });
const data = await response.json();
const items = Array.isArray(data) ? data : [data];
items.slice(0, 3).forEach(item => {
  console.log(`💡 ${item.quote || item.text || item.content || JSON.stringify(item)}`);
  if (item.author) console.log(`   — ${item.author}`);
});

// Fetch personality or quiz data
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://developers.forem.com/api`, { headers });
const data = await response.json();
console.log('Personality data:', data);
const result = data.result || data.type || data;
document.getElementById('result').innerHTML =
  `<h3>Your result</h3><p>${JSON.stringify(result)}</p>`;

Note: These code examples are AI-generated and unverified. Always refer to the official API documentation for accurate usage.

How This API Fails

We deliberately sent this API a broken request and recorded exactly what came back on 2026-08-10. Knowing the shape of an error before you hit it makes error handling much easier to write.

{
  "error": "not found",
  "status": 404
}

Common Errors & Troubleshooting

Generated guidance based on this API's documentation, not observed by us. Treat it as a starting point and check against the provider's own error reference.