Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
New Stack Lunch Presentation
Search
Mathias Biilmann
March 07, 2016
Programming
1
540
New Stack Lunch Presentation
Lunch Presentation at Zendesk
Mathias Biilmann
March 07, 2016
Tweet
Share
More Decks by Mathias Biilmann
See All by Mathias Biilmann
React and the JAMstack - Reactathon Fundamentals 2018
biilmann
1
730
The JAMstack - Smashing Conf Freiburg 2017
biilmann
1
860
Hide Your Keys
biilmann
0
250
Rise of the JAMstack
biilmann
0
680
The JAM Stack
biilmann
21
11k
Comparing static site generators and how to onboard from a dynamic workflow
biilmann
3
1.7k
Other Decks in Programming
See All in Programming
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1k
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
100
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
120
技術同人誌をMCP Serverにしてみた
74th
1
630
NPOでのDevinの活用
codeforeveryone
0
810
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
4
760
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
240
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
630
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
160
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
12
3.5k
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
290
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
150
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
231
18k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Automating Front-end Workflow
addyosmani
1370
200k
Six Lessons from altMBA
skipperchong
28
3.9k
Typedesign – Prime Four
hannesfritz
42
2.7k
The Cult of Friendly URLs
andyhume
79
6.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
It's Worth the Effort
3n
185
28k
Code Review Best Practice
trishagee
69
18k
Into the Great Unknown - MozCon
thekraken
39
1.9k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Transcript
The New Stack Chris Bach & Matt Biilmann, Netlify 2016
1
The Web Dev Toolchain Disrupted • Modern Build Tools •
Modern Browsers • Modern APIs • CDN Hosting 2
Push your web-app or site to netlify. - the modern
day platform that developers use to manage and publish their content online. 3
Butterfly Butterfly Effect In chaos theory, the butterfly effect is
the sensitive dependence on initial conditions in which a small change in one state of a deterministic nonlinear system can result in large differences in a later state. 4
"I'm writing some scripts to try to track things a
whole lot faster." Thu Apr 07 2005, Linux-Kernel Mailing List 5
Made by MarketMe GitHub launched February 2008, grew to 10
million repositories within the first 5 years, now has more than 10M active users. 6
10 Years Ago 7
Or today? For many Wordpress developers 8
Git Centric Workflow • Anything that’s text based goes in
a git repo • Clone, fork, push and pull all the time • Git has become as essential as our text editors 9
Another Detour • GitHub rode the Rails wagon • Rails
came with Rake • Task runners went mainstream 10
Front-end Build Tools • All modern front-enders use build tools
and task runners • Grunt, Gulp, Webpack, Ember-CLI • Jekyll, Middleman, Roots, Hugo, Metalsmith 11
Git Centric Workflow Any front-end project at netlify should work
somewhat like this 12
Git Centric Workflow After the initial clone, the flow becomes
something like this 13
Pull • Watch • Push 14
Pure Front-Ends • Not mixed with backend code or dependency
• All you need is in Git • No database, message queue, search engines, etc… 15
16
Pull • Watch • Push Gulp + Jekyll, BrowserSync, No
Backend 17
APIs Dynamic needs handled by 3rd party widgets Made by
MarketMe 18
Most Dev Friendly Setup • All content live Markdown or
YAML files • Everything in version control • Use all of our text based dev tools 19
20
Single Page App • Run full front-end app locally with
no dependencies • Run locally against production API • Pure front-end, completely decoupled from backend 21
Made by MarketMe 22 The Production Story
Pull • Build • Push 23
JavaScript, APIs & Markup • Can run anywhere • Distribute
on Global CDN nodes • Faster, Safer, Simpler & Cheaper 24
Intelligent CDN • Atomic Deploys • Instant Cache Invalidation •
Routing intelligence: Proxying, GeoIP, Authentication 25
26
Example: WeWork • Gradual transition from Rails to Roots •
No huge rewrite • Proxy all non-static requests to legacy origin 27
One Rule netlify intelligently proxies only URLs with no corresponding
file 28
29
Closing the Circle 30
31
32
Example: Sequoia • Large site: ~15,000 HTML Pages • Fetches
data from Contentful + Job API • Trigger rebuild whenever content change 33
34
Content Editors? • How to get your marketing team on
board? • Ideal dev cycle, but what about non-techies • Normal people are not int “Git Centric Worflows”! 35
36
Thanks! Matt Biilmann www.netlify.com @biilmann 37