DEV Community

Developer
Developer

Posted on

Free JSON APIs for Developers with Examples

Free JSON APIs for Developers with Examples

Welcome developers! Today we will explore Free JSON APIs for Developers with Examples with real-world examples.


πŸ”₯ Why Developers Love Free APIs

  • Quick to test
  • No authentication
  • JSON output
  • Useful for practice
  • Works with React, Vue, Flutter, Node, RN

πŸš€ Live Developer API (Free)

Products API:

πŸ‘‰ https://developerapis.vercel.app/products

Users API:

πŸ‘‰ https://developerapis.vercel.app/users

Blogs API:

πŸ‘‰ https://developerapis.vercel.app/blogs


🌐 Visit Full Website

πŸ‘‰ https://developerapis.vercel.app/

Click here to explore all APIs, examples, source code and documentation.


πŸ“Œ JavaScript Fetch Example

fetch("https://developerapis.vercel.app/products")
  .then(res => res.json())
  .then(data => console.log(data));
Enter fullscreen mode Exit fullscreen mode

πŸ“Œ React JS Example

useEffect(() => {
  fetch("https://developerapis.vercel.app/products")
    .then(r => r.json())
    .then(d => setData(d));
}, []);
Enter fullscreen mode Exit fullscreen mode

πŸ“Œ Vue.js Example

mounted() {
  fetch("https://developerapis.vercel.app/products")
    .then(r => r.json())
    .then(d => this.items = d);
}
Enter fullscreen mode Exit fullscreen mode

πŸ“Œ Node.js Example

const axios = require("axios");

axios.get("https://developerapis.vercel.app/products")
  .then(res => console.log(res.data));
Enter fullscreen mode Exit fullscreen mode

🏁 Final Words

Use these APIs to learn, test or build your own app.

More details on website πŸ‘‰ https://developerapis.vercel.app/

Top comments (0)