🌐
Medium
medium.com › swlh › making-use-of-apis-in-your-front-end-c168e343bea3
Making Use of APIs in Your Front End | by Patrick Pierre | The Startup | Medium
September 24, 2020 - For this project, we will be using the Unsplash API to create an image gallery. We are using the API to communicate with Unsplash (Unsplash.com). In this communication, we are making a “request” to Unsplash’s server to get access to some of their images, so we can use them for our image gallery.
🌐
Frontend Mentor
frontendmentor.io › articles › integrating-with-apis-a-beginners-guide-for-frontend-developers-u_xfEadBc-
API Integration Guide for Frontend Developers
March 13, 2024 - Learn to integrate APIs as a frontend developer. Fetch data, handle responses, and work with REST APIs.
Discussions

Doing an API request in the frontend or backend? What's best practices?
What you do is an request to the endpoint where the data comes from in your backend and return that, then you make an axios call to the backend to get it on the frontend. Thats all More on reddit.com
🌐 r/webdev
5
5
February 5, 2022
node.js - How to call external api's data from backend to frontend side? - Stack Overflow
You don't need axios in front end as their already browser apis you can utilize. Take a look at MDN Ajax ... I would recommend to use a templating engine like handlebars or ejs.There are tons of examples for it, and sending data from backend to frontend becomes a piece of cake when using any ... More on stackoverflow.com
🌐 stackoverflow.com
What do you use to quickly create a frontend for your api?
Why is plain HTML/css/js not sufficient? More on reddit.com
🌐 r/golang
162
106
December 14, 2024
How do I connect backend to frontend? I'm having issues with CORS
If you want to enable all request: var express = require('express') var cors = require('cors') var app = express() app.use(cors()) app.get('/products/:id', function (req, res, next) { res.json({msg: 'This is CORS-enabled for all origins!'}) }) app.listen(80, function () { console.log('CORS-enabled web server listening on port 80') }) And off course install it before via npm or yarn. Also remember: localhost doesn't work in your express config. Use 0.0.0.0 instead. In production you should limit cors to the domains which are allowed to query your endpoints. More on reddit.com
🌐 r/webdev
21
19
August 24, 2022
🌐
Medium
medium.com › @devrmichael › rest-apis-for-frontend-developers-a-simple-guide-83074731e600
REST APIs for Frontend Developers: A Simple Guide | by Michael Siddiqi | Medium
February 12, 2025 - Frontend developers interact with REST APIs using JavaScript. Here’s how to do it using fetch() and Axios. If you want to display a list of users in your app, you need to fetch the data from an API.
🌐
DEV Community
dev.to › korconnect › best-ways-to-connect-apis-on-the-frontend-27c4
Best ways to Connect APIs on the frontend - DEV Community
December 7, 2021 - KOR Connect also uses AWS Lambda to secure API keys but the similarities between KOR Connect and the other options end there. The API key is secured on KOR Connect through a one click integration, then a public URL and header are generated by KOR Connect that is copy- pasted into the frontend code.
🌐
LinkedIn
linkedin.com › pulse › understanding-apis-frontend-developers-guide-reactjs-ememe-tochukwu
Understanding APIs for Frontend Developers: A Beginner-Friendly Guide with ReactJS
July 4, 2023 - Think of it as a waiter in a restaurant: You, as the frontend developer (the customer), send requests to the API (the waiter), and it returns the data you need from the server (the kitchen). There are various types of APIs, but the most common ones you'll encounter as a frontend developer are: RESTful APIs: These are based on the principles of Representational State Transfer (REST) and use standard HTTP methods (GET, POST, PUT, DELETE) to perform CRUD (Create, Read, Update, Delete) operations.
🌐
MDN Web Docs
developer.mozilla.org › en-US › docs › Learn › JavaScript › Client-side_web_APIs › Introduction
Introduction to web APIs - Learn web development | MDN
November 23, 2024 - First up, we'll start by looking at APIs from a high level — what are they, how do they work, how to use them in your code, and how are they structured? We'll also take a look at what the different main classes of APIs are, and what kind of uses they have.
🌐
Medium
kapucuonur.medium.com › integrating-frontend-and-backend-with-apis-a-comprehensive-guide-9d296eef2e33
Integrating Frontend and Backend with APIs: A Comprehensive Guide | by Onur Kapucu | Medium
April 19, 2025 - For the frontend, use services like Netlify, Vercel, or GitHub Pages. Ensure your frontend can reach your backend API, possibly through environment variables or CORS settings. To better understand the flow of data and the interaction between ...
Find elsewhere
🌐
Reddit
reddit.com › r/webdev › doing an api request in the frontend or backend? what's best practices?
r/webdev on Reddit: Doing an API request in the frontend or backend? What's best practices?
February 5, 2022 -

I was wondering because someone told me not to expose your keys in the front end even if you store it in an env file. But if you do the api request in the backend you have to do another axios request to get it in the front end. So anyone know what's the right or best method? 2 request for more security vs just 1?

🌐
Snipcart
snipcart.com › blog › integrating-apis-introduction
How to Do an API Integration: Beginners Guide [w/ Tutorial]
March 21, 2022 - You'll want to provide your frontend developers with clear documentation on how the API works. If you're full-stack or building your own app, you might need to handle both parts. Luckily if you're using services like Auth0 for identity management, the creation of the API is handled for you. Most HTTP APIs you use will take and receive data in the JSON (JavaScript Object Notation) format.
🌐
Clerk
clerk.com › glossary › frontend-api
Frontend API
4 days ago - Frontend and server-side APIs serve different purposes, and their differences are rooted in their roles within the application architecture. Purpose: Facilitate communication between the client-side (user interface) and the server-side (server). They enable the frontend to send and receive data from the server, allowing dynamic interactions and updates on the user interface (source).
🌐
Medium
wslisam.medium.com › frontend-api-management-strategies-for-modern-web-applications-89f677761123
Frontend API Management: Strategies for Modern Web Applications | by Sam Li | Medium
April 2, 2025 - Implement a dedicated API client to handle the communication details: // api/client.js import axios from 'axios'; import API_CONFIG from './config'; const apiClient = axios.create({ baseURL: API_CONFIG.BASE_URL, timeout: API_CONFIG.TIMEOUT, ...
🌐
ashutec
ashutec.com › blog › powerful-apis-that-every-frontend-developer-should-know-e4bf95649620
Blog | Powerful APIs that Every Frontend Developer Should Know
One of the popular frontend development APIs which is based on JavaScript is JSONPlaceholder. The initials JSON stand for JavaScript Object Notation. It’s called a developer’s image placeholder. Developers used this API initially for prototyping and testing. Moreover, it provides a fake REST API, which is an online service that can be accessed from anywhere at any time. JSONPlaceholder is also useful and popular to fill gaps in the testing process.
🌐
Medium
medium.com › @hendurhance › the-top-10-apis-every-frontend-developer-should-know-about-611f629ada67
The Top 10 APIs Every Frontend Developer Should Know About | by Endurance, the Martian | Medium
March 15, 2023 - From social media to the weather, there’s an API for everything nowadays. With so many options available, it can be difficult to know which one to use. In this article, we will dive into the top ten APIs out there and explore how to use them to build dynamic web applications.
🌐
Passage
docs.passage.id › embedded-login › examples-by-framework › connecting-to-api-backend
Connecting to API Backend | Passage
November 16, 2023 - For a SPA and API implementation, you should configure your Passage app as follows: Set the auth origin to the domain of your frontend application · Set the redirect URL to the correct path for your app (e.g. "/" or "/dashboard") Generate an ...
🌐
Frontendeng
frontendeng.dev › blog › 45-API-handling-in-frontend-development
Api handling in front end development | Front End Engineering
Alongside fetching necessary data, frontend application also needs to send data to backend server or other external services. Examples could involve submitting user input, trigger action on server side, updating user information or records. API handling facilitates the sending of data through HTTP requests, typically using methods like GET for reading data, POST for creating new records, PUT for updating existing records, and DELETE for removing records
🌐
Quora
quora.com › What-is-meant-by-a-Front-End-API
What is meant by a Front-End API? - Quora
Answer (1 of 4): A Frontend API is designed to be accessed directly from the client. It usually does not replace a traditional Backend API, but instead augments it to improve the developer experience. The primary difference between a Frontend API and a Backend API is the authentication strategy....
🌐
Tania's Website
taniarascia.com › how to connect to an api with javascript
How to Connect to an API with JavaScript | Tania's Website
December 7, 2017 - We are going to write from scratch this simple web app that connects to a Studio Ghibli API, retrieves the data with JavaScript, and displays it on the front end of a website. This is not meant to be an extensive resource on APIs or REST - just the simplest possible example to get up and running that you can build from in the future. We'll learn: What a Web API is. Learn how to use the HTTP request GET with JavaScript
🌐
Apidog
apidog.com › blog › frontend-api-integration
Frontend API Integration | Provide A Memorable User Experience
April 9, 2024 - Frontend API integration is the process of connecting this user interface with APIs to make the website dynamic and functional. The frontend code fetches data and sends user actions through the API to the backend, which handles the actual processing ...