APIs
by Tomas Trescak
t.trescak@westernsydney.edu.au
Next.js
/
APIs
- What is API?
- APIs connect apps
- APIs provide services
- Apps use many APIs
- APIS ≠ APPs!
- Blog API
Next.js
/
APIs
// Client-side code to fetch posts
async function fetchTravelPosts(): Promise<Post[]> {
const response = await fetch(
"https://myblog.com/api/posts?tag=travel"
);
const posts = await response.json();
return posts;
}
fetchTravelPosts().then(posts => console.log(posts));
Next.js
/
How APIs Work?
Request: GET /api/posts?tag=travel
[
{ text: "foo", tags: ["travel"] }
{ text: "boo", tags: ["travel"] }
{ text: "moo", tags: ["travel"] }
]
Next.js
/
Types of APIs
- REST
- GraphQL
- SOAP
- WebHooks
- Sockets
- gRPC
Next.js
/
Hands on API
curl -H "Accept: text/plain" https://icanhazdadjoke.com/
curl -H "Accept: application/json" https://icanhazdadjoke.com/
Why can’t you hear a pterodactyl go to the bathroom? The p is silent.
{
"id":"fNZTCdFBImb",
"joke":"Why did the house go to the doctor? It was having window panes.",
"status":200
}