Serverless: a backend thing that gives superpowers to fronend developers - CSS-Minsk-JS

@slobodan_

@slobodan_ I am a CSS expert!

@slobodan_ I am a CSS ex pert!

@slobodan_ I am a CSS expe

@slobodan_ I am a CSS expert !important

@slobodan_

@slobodan_ How simple static website hosting should work?

@slobodan_ You should focus on your app only! And deployment
should be simple.

@slobodan_ • Fast one command deployment • Cheap • Free
if (almost) no one is using it • Caching + Auto-scaling

@slobodan_ That feature list sounds familiar!

@slobodan_

@slobodan_ Серверлесс

@slobodan_ Serverless

@slobodan_ Serverless a backend thing that gives superpowers to frontend
developers

@slobodan_ Before we continue…

Slobodan Stojanović CTO @ Cloud Horizon & CTO @ Vacation
Tracker co-author of Serverless Applications with Node.js book AWS Serverless Hero @slobodan_

@slobodan_ So, serverless…

@slobodan_ So, serverless… Less servers?

@slobodan_ So, serverless… Less servers? No servers?

@slobodan_ So, serverless… Less servers? No servers? Or even more
servers?

@slobodan_ So, serverless… No one cares about servers anymore! (except
providers, hopefully)

@slobodan_ To, understand serverless, let's go a step back… What
do you need to do to make your app function properly?

@slobodan_ • Buy or rent a server • Install Operating
System • Setup the server (libs, framework, etc.) • Write your code (business logic, etc.) • Make your app available (deploy it) • Make sure your app works (monitoring) • Manage server and software updates • Manage your app code

@slobodan_ What's important for your business? And people that are
using your app or website

System • Setup the server (libs, framework, etc.) • Write your code (business logic, etc.) • Deploy your code to the server • Make sure your app works (monitoring) • Manage server and software updates • Manage your app code

System • Setup the server (libs, framework, etc.) • Write your code (business logic, etc.) • Deploy your code to the server • Make sure your app works (monitoring) • Manage server and software updates • Manage your app code Isn't cloud helping?

System • Setup the server (libs, framework, etc.) • Write your code (business logic, etc.) • Deploy your code to the server • Make sure your app works (monitoring) • Manage server and software updates • Manage your app code ✔ ✔ Isn't cloud helping?

System • Setup the server (libs, framework, etc.) • Write your code (business logic, etc.) • Deploy your code to the server • Make sure your app works (monitoring) • Manage server and software updates • Manage your app code Serverless is a next step!

System • Setup the server (libs, framework, etc.) • Write your code (business logic, etc.) • Deploy your code to the server • Make sure your app works (monitoring) • Manage server and software updates • Manage your app code Serverless is a next step! ✔ ✔

System • Setup the server (libs, framework, etc.) • Write your code (business logic, etc.) • Deploy your code to the server • Make sure your app works (monitoring) • Manage server and software updates • Manage your app code Serverless is a next step! ✔ ✔ ✔ ✔

@slobodan_ Again, what's important for your business?

@slobodan_ And, what do you need to take care about
with serverless?

@slobodan_

@slobodan_ "Serverless is an abstraction level over a company’s IT
infrastructure, enabling product and engineering to focus significantly more on delivering software business value." Aleksandar Simovic  AWS Serverless Hero

@slobodan_ But, you need servers to serve the app!

@slobodan_ "It is serverless the same way WIFI is wireless"
Gojko Adzic  AWS Serverless Hero

@slobodan_ What are the benefits of serverless?

@slobodan_ • Managed infrastructure, so you can focus on the
code • Cheap • Auto-scaling and auto-failover • Per function isolation • Easy to start with (beginner friendly)

@slobodan_ But the most important one is…

@slobodan_ Pricing model of serverless

@slobodan_ • You are paying for used, not reserved capacity
• Pay-per-execution model • If no one is using your app, it costs you $0 + there are generous free tiers

@slobodan_

@slobodan_ But pricing model doesn't give superpowers at least not
to frontend developers

@slobodan_ What does?

@slobodan_ mythical full stack developer

@slobodan_ But how does serverless help in practice? Is anyone
using that at all?

@slobodan_ Story time!

@slobodan_ CodePen

@slobodan_

@slobodan_ How many DevOps team members you n!d to be
able to handle 250 million preprocessor API requests per month? in your team (or to pay directly)

@slobodan_ 0

@slobodan_ • Team of mostly frontend devs + one DevOps
• Ruby on Rails backend • Many preprocessors that needs full isolation • > 200k requests/hour in peak • Unexpected peaks (you never know when some pen will become popular)

@slobodan_

@slobodan_ • Lack of resources • DevOps engineer recommended serverless
• Frontend dev wrote a SASS converter • Everything worked, so frontend team migrates other preprocessors

@slobodan_

@slobodan_ Results?

@slobodan_ • Full isolation between services • Auto-scaling (up to
5000 parallel requests) • Decreased infrastructure cost (250 million requests costs $1180/month) • More DevOps time for RoR part of the app • Frontend developers with superpowers

@slobodan_

@slobodan_ Vacation Tracker

@slobodan_ VacationTracker.io

@slobodan_ • In-company hackathon idea • Small startup with one
full time developer (+ small help) • One mostly frontend developer • Slack chatbot + API + Angular dashboard

@slobodan_ To minimize initial cost and to speed up development,
we used serverless from the beginning

@slobodan_ Current state of the system

@slobodan_

@slobodan_ Ok, it's more like this:

@slobodan_

@slobodan_ Results?

@slobodan_ • More than 250 paying teams using the product
• More than 6 million Lambda executions per month • Current infrastructure cost is less than $30 per month • Fast development cycles • Easy refactoring, because of microservices • Reusable parts/services for our next products

@slobodan_ Btw, do you know the cost of your bugs?

@slobodan_ We know the exact cost of some of our
bugs!

@slobodan_ $2.37

@slobodan_ $2.37 Fr! tier got us covered :)

@slobodan_

@slobodan_ Where to start?

@slobodan_

@slobodan_ A Single Page App or a static website

@slobodan_ https://console.aws.amazon.com/amplify

@slobodan_ An Express.js application or API

@slobodan_ What's the benefit? Beside being easy to deploy it

@slobodan_

@slobodan_ bit.ly/serverless-expressjs

@slobodan_ Not the best solution, because…

@slobodan_ A better API

@slobodan_ Claudia.js + Claudia API Builder claudiajs.com

@slobodan_ Looks the same, but it's not!

@slobodan_ Faster means cheaper! You pay per execution time, mi"iseconds
matter

@slobodan_ APIs are boring, GraphQL FTW!

@slobodan_ AWS AppSync aws.amazon.com/appsync

@slobodan_ • Serverless GraphQL • Preconfigured access to AWS data
sources  (DynamoDB, Lambda or Elastic Search) • Real-time data access and updates • Offline data synchronization • Authorizers • Minimize backend development

@slobodan_ "Oh, and I only hire front-end developers at this
point. I have been the sole DevOps/backend/ middle-tier developer in the last two companies I started, and it’s been fine." Joe Emison @JoeEmison

@slobodan_ "With AppSync I could continue to be the CTO,
do all the backend and middle-tier code, and support up to probably about a hundred front-end developers before I would need a dedicated backend developer." Joe Emison @JoeEmison

@slobodan_ A file converter

@slobodan_ Claudia.js or AWS Serverless Application Repository serverlessrepo.aws.amazon.com/applications

@slobodan_

@slobodan_ ERR_TOO_MANY_TOOLS

@slobodan_ One tool to rule them all

@slobodan_ AWS Amplify aws-amplify.github.io

@slobodan_ • Deployment (with and without CDN and HTTPS) •
Auth using Amazon Cognito (+ social signins) • GraphQL backend using AppSync + real-time • Media storage using S3 • Nice client-side libraries for React and others • And much more…

@slobodan_

@slobodan_ Do we have time (and internet) for a short
live demo?

@slobodan_

@slobodan_ Links to mentioned things

@slobodan_ • Claudia.js - https://claudiajs.com • AWS Amplify - aws-amplify.github.io
• Vacation Tracker - https://vacationtracker.io

@slobodan_ Quick Summary

@slobodan_ • Serverless is easy to start with (beginner friendly)
• No server maintenance and other boring things • Pay-per-usage model + it's cheap • You can deploy SPAs, APIs or GraphQL in minutes • It gives you superpowers!

@slobodan_ One more thing!

@slobodan_

@slobodan_ Serverless Applications with Node.js Use claudia40 promo code for
40% off serverless.pub/book @slobodan_

Serverless: a backend thing that gives superpow...

Serverless: a backend thing that gives superpowers to fronend developers - CSS-Minsk-JS

More Decks by Slobodan Stojanović

Other Decks in Programming

Featured

Transcript