ridify your app

with JAMstack

Maya Shavin
Who?

Senior FED





stack


stack
JavaScript
API
Markdown
Dynamic JS
Framework
Library
Server side codes
HTTPS
Static HTMLs
Static side generator
stack
JavaScript
API
Markup









stack
⏩ Better Performance
🔐 Higher Security
🚀 Cheaper, Easier Scaling
😃 Better Developer Experience


ridify
+

Static Site Generator
GraphQL data layer
PWA Built-in Support
Vue.js powered
Lightweight
Pre-rendered HTMLs
Developer experience
PRPL pattern



Static Site Generator
One codebase, multiple outputs (SSR, SSG, SPA)
Data generated on BUILD time (static JSON)
Data fetched on page load on RUN time
Centralized data layer
Rely on API endpoints
Only prefetch links in view
Growing community
Strong community
No prefetch links in view

gridsome develop
Initialize
Load sources & update store
Create GraphQL schema
Generate code
Start development server

gridsome build
Create render queue
Generate data into JSON files
Compile assets (webpack)
Render HTMLs
Process files
Process images
gridsome develop

gridsome explore
GraphQL playground
Explore schema & data

Hosting and serverless backend services for static websites

FREE hosting (with SSL)
Continue deployment from GIT repo
Serverless Functions
Authentication
Forms
Analytics (more accurate than GA)




User
Developer
HTTP/2
CDN
Build & Deploy
git push
Hooks
APIs

Demo

Thank you
Gridify your app with JAMstack
By Maya Shavin
Gridify your app with JAMstack
Keen to have fun building web applications and get some tasty JAM out of the stack of Gridsome and Netlify? Let's build Progressive web apps, SEO friendly, fast and dynamic in a "static" way, entirely server-less.
- 1,476