How to use the dev.to API?

This article is the brief documentation about how you can fetch the data from the dev.to API

Oct 8, 2021

2 min read·242 words

Why do we need to use it ?

In this article I am only covering the article API of Dev.to. we can use this API for our personal portfolio website. Think like you are building a portfolio website and you need to show your blogs from Dev.to in your portfolio so this API comes into play.

How to use it?

I'm using the vanilla JavaScript to show the demo you can use axios as well.

Fetch the public Articles without `API_KEY`

script.js

const article = fetch(`https://dev.to/api/articles?username=${username}`).then(
  (res) => res.json()
);

const article = fetch(`https://dev.to/api/articles?username=${username}`).then(
  (res) => res.json()
);

Fetch the public Articles by `API_KEY`

script.js

const articles = fetch("https://dev.to/api/articles/me", {
  headers: {
    "api-key": process.env.API_KEY,
  },
}).then((res) => res.json());

const articles = fetch("https://dev.to/api/articles/me", {
  headers: {
    "api-key": process.env.API_KEY,
  },
}).then((res) => res.json());

Fetch the Articles by Path (`slug`)

script.js

const article = fetch(
  `https://dev.to/api/articles/<your_username>/${slug}`
).then((res) => res.json());

const article = fetch(
  `https://dev.to/api/articles/<your_username>/${slug}`
).then((res) => res.json());

Fetch the Articles by `article_id`

script.js

const article = fetch(`https://dev.to/api/articles/${articleId}`).then((res) =>
  res.json()
);

const article = fetch(`https://dev.to/api/articles/${articleId}`).then((res) =>
  res.json()
);

Fetch the Comments of article by `article_id`

script.js

const article = fetch(
  `https://dev.to/api/comments?a_id=${articleId}?sort=-created_at`
).then((res) => res.json());

const article = fetch(
  `https://dev.to/api/comments?a_id=${articleId}?sort=-created_at`
).then((res) => res.json());

Fetch the user by `user_id`

script.js

const article = fetch(`https://dev.to/api/users/${userId}`).then((res) =>
  res.json()
);

const article = fetch(`https://dev.to/api/users/${userId}`).then((res) =>
  res.json()
);

Fetch the user by `username`

script.js

const article = fetch(
  `https://dev.to/api/users/by_username?url=${username}`
).then((res) => res.json());

const article = fetch(
  `https://dev.to/api/users/by_username?url=${username}`
).then((res) => res.json());

So basically this is all we need to fetch the Dev.to API.

Learn How to use fetch()