Simple Serverless
Vue + Netlify Functions
Netlify
Static site hosting with SUPERPOWERS!
Continuous Integration / Deployment
Built in HTTPS
Page caching
Use any build pipeline (grunt, vue-cli, react, etc.)
Identity (Authorization) service
Simple server configuration
CMS capabilities
Serverless Functions!
SERVERLESS (Faas)
1. Inherently scalable.
2. Cost effective.
A piece of code (function) that runs on a platform that you don't have to maintain.
Why it's Great
3. Zero maintenance
Drawbacks
1. Observability
2. Latency (Cold Start)
3. Time limits
What serverless looks like
What serverless looks like
Http Request
My App
FUNCTION
3rd Party services
Payment Gateway
Message Queue
(event based Architecture)
Database, etc.
Any server-side
processing
Deploy to Netlify
1. Set up your repo on Github (or bitbucket)
2. Connect your site to Netlify
3. Add your build settings
4. Click Deploy!
5. Your site will automatically rebuild/deploy when ever you push new code to your remote repo
(i.e. Continuous Integration!)
DEMO TIME!
Deploy to Netlify
That was easy!
Netlify Functions
So easy, even a UX Engineer can do it!
Ryan Hightower
@rytower
Yours.co
https://yours.co
ryan@ryanhightower.com
Simple Serverless - Vue + Netlify Functions
By Ryan Hightower
Simple Serverless - Vue + Netlify Functions
A presentation about software engineers for grade school kids.
