This document discusses building scalable APIs using GraphQL and serverless architectures. It provides information about an InfoQ video that demonstrates how to build a serverless Node.js API using GraphQL. The video is available on InfoQ.com and provides slide synchronization. It also discusses the purpose and strategy of QCon conferences for empowering software development through knowledge sharing.

1. Build Scalable
APIs using
GraphQL and
Serverless

2. InfoQ.com: News & Community Site
Watch the video with slide
synchronization on InfoQ.com!
https://www.infoq.com/presentations/
serverless-nodejs-api/
• Over 1,000,000 software developers, architects and CTOs read the site world-
wide every month
• 250,000 senior developers subscribe to our weekly newsletter
• Published in 4 languages (English, Chinese, Japanese and Brazilian
Portuguese)
• Post content from our QCon conferences
• 2 dedicated podcast channels: The InfoQ Podcast, with a focus on
Architecture and The Engineering Culture Podcast, with a focus on building
• 96 deep dives on innovative topics packed as downloadable emags and
minibooks
• Over 40 new content items per week

3. Purpose of QCon
- to empower software development by facilitating the spread of
knowledge and innovation
Strategy
- practitioner-driven conference designed for YOU: influencers of
change and innovation in your teams
- speakers and topics driving the evolution and innovation
- connecting and catalyzing the influencers and innovators
Highlights
- attended by more than 12,000 delegates since 2007
- held in 9 cities worldwide
Presented at QCon London
www.qconlondon.com

4. @simona_cotin

5. @simona_cotin

6. @simona_cotin

7. @simona_cotin
JS

8. @simona_cotin

9. @simona_cotin

10. @simona_cotin

11. @simona_cotin
–-Lee Byron
a data-fetching API powerful
enough to describe all of
Facebook

12. @simona_cotin

13. @simona_cotin
https://facebook.com/user/id
https://facebook.com/user/id/events
https://facebook.com/user/id/friends-suggestions
https://facebook.com/user/id/friends-birthdays

14. @simona_cotin
https://facebook.com/user/id/events
{
"name": “ServerlessDays",
"location": "Cardiff",
"organiser": "Matt",
"attendees": [
{
"name": “Ant Stanley",
"company": "!",
"role": “Father of ServerlessDays”
}
]
}

15. @simona_cotin

16. @simona_cotin
Overfetch
Or
New endpoint

17. @simona_cotin

18. @simona_cotin
https://facebook.com/user/id/friends-suggestions
{
"name": "Golnaz Badazadeh",
"profile_pic": "some_url",
"mutual_friends": []
}

19. @simona_cotin
https://facebook.com/user/id/friends-suggestions/id/mutual
{
"mutual_friends": [
{
"name": "Sarah Drasner",
"profile_pic": "some_url",
"tag": "Amazing!"
}
]
}

20. @simona_cotin
Underfetch
Or
New endpoint

21. @simona_cotin
Delay User Perception
0-100 ms Instant
100-300 ms Small perceptible delay
300-1000 ms Machine is working
1000+ ms Likely context switch
10000+ ms Task is abandoned
High performance Browser Networking

22. @simona_cotin
–-Ilya Grigorik
The fastest network request is a
request not made

23. @simona_cotin
query {
user(id:1) {
name
events {
count
}
friends_suggestions {
name
mutual_friends {
count
}
}
}
}
{
"data": {
"user": {
"name": "Simona Cotin",
"events": {
"count": 4
},
"friends_suggestions": {
"name": "Golnaz Babazadeh",
"mutual_friends": {
"count": 15
}
}
}
}
}

24. @simona_cotin
Schema driven
development

25. @simona_cotin
Strongly typed

26. @simona_cotin
type People {
id: ID!
name: String
avatar: URL
}

27. @simona_cotin
type People {
id: ID!
name: String
avatar: URL
}
type Team {
id: ID!
name: String
points: Int
people: [People]
}

28. @simona_cotin
type Query {
teams: [Team]
}
type Mutation {
incrementPoints(id: ID!): Team
}

29. @simona_cotin
const root = {
teams: async () =>" {
let teams = await axios.get(
'https://graphqlvoting.azurewebsites.net/
api/score'
);
return teams.data;
},
incrementPoints: async obj =>" {
let response = await axios.get(
`https://graphqlvoting.azurewebsites.net/
api/score/${obj.id}`
);
return response.data;
}
};

30. @simona_cotin

31. @simona_cotin

32. @simona_cotin

33. @simona_cotin
✓ Performance
✓ Flexibility
✓ Tooling

34. @simona_cotin
Serverless

35. @simona_cotin
–-Steve Jobs
The line of code that’s the
fastest to write, that never breaks,
that doesn’t need maintenance,
is the line you never had to write.

36. @simona_cotin
module.exports = async function(context, req) {
context.res = {
body: 'Hello ' + req.query.name
};
};

38. @simona_cotin
Right-Click
Deploy

40. @simona_cotin
Github
Deploy

41. @simona_cotin

42. @simona_cotin
Datasources
3rd party APIs

43. @simona_cotin

44. @simona_cotin
{
"type": "cosmosDB",
"name": "inputDocument",
"databaseName": "admin",
"collectionName": "Recipes",
"connectionStringSetting": "tacos-sql_DOCUMENTDB",
“direction": "in"
}

45. @simona_cotin
module.exports = async function(context, req) {
context.res = {
body: context.bindings.inputDocument
};
};

46. @simona_cotin
✓ Reusable API
✓ VS Code dev & debug
✓ Easy Integration
Datasources

47. @simona_cotin
No servers
to
manage

48. @simona_cotin
Serverless

49. @simona_cotin

50. @simona_cotin

51. @simona_cotin

52. @simona_cotin

53. @simona_cotin

54. @simona_cotin
module.exports = async function(context, req) {
const body = req.body;
let response = await graphql(
typeDefs,
body.query,
root,
null,
body.variables,
body.operationName
);
context.res = {
body: response
};
};

55. @simona_cotin

56. @simona_cotin

57. @simona_cotin

58. @simona_cotin

59. @simona_cotin
Easy Integration of Datasources
Autoscalability
Less code
Easy Abstraction of Datasources
Single Endpoint
Smaller no requests
Serverless GraphQL

60. @simona_cotin
Easy Integration of Datasources
Easy Abstraction of Datasources
Autoscalability
Single Endpoint
Less code
Smaller no requests
Dev productivity

61. @simona_cotin
Achieve more
by
doing less

62. @simona_cotin
https://github.com/simonaco/serverless-
graphql-workshop

63. Watch the video with slide
synchronization on InfoQ.com!
https://www.infoq.com/presentations/
serverless-nodejs-api/