SlideShare a Scribd company logo
How you can kill
Wordpress!
Ladislav Prskavec
Frontedisti
Ladislav Prskavec - Frontendisti, 14.3. 2018 1
About me
» Site Reliability Engineer (SRE)
» https://keybase.io/abtris
» https://blog.prskavec.net
» @abtris
Ladislav Prskavec - Frontendisti, 14.3. 2018 2
J
A
M
Ladislav Prskavec - Frontendisti, 14.3. 2018 3
Javascript
A
M
Ladislav Prskavec - Frontendisti, 14.3. 2018 4
Javascript
API
M
Ladislav Prskavec - Frontendisti, 14.3. 2018 5
Javascript
API
Markup
Ladislav Prskavec - Frontendisti, 14.3. 2018 6
7
Static Site Generators
» Jekyll (Ruby)
» Middleman (Ruby, Rails based)
» Hugo (Golang)
» Spike (JS, Webpack based)
» Gatsby.js (JS, React.JS based)
» https://www.staticgen.com/
Ladislav Prskavec - Frontendisti, 14.3. 2018 8
Themes for static generators
» templating depends on technology
» 200 themes in https://themes.gohugo.io/
» commercial in https://themeforest.net/.../jekyll
» Sites build with Gatsby.js
Ladislav Prskavec - Frontendisti, 14.3. 2018 9
ShowCase
Ladislav Prskavec - Frontendisti, 14.3. 2018 10
» https://support.1password.com/
Ladislav Prskavec - Frontendisti, 14.3. 2018 11
» https://letsencrypt.org/, source: https://github.com/letsencrypt/website
Ladislav Prskavec - Frontendisti, 14.3. 2018 12
» https://www.smashingmagazine.com/, source: https://www.netlify.com/blog/2017/03/16/
smashing-magazine-just-got-10x-faster/
Ladislav Prskavec - Frontendisti, 14.3. 2018 13
» https://reactjs.org/
Ladislav Prskavec - Frontendisti, 14.3. 2018 14
» https://mozilladevelopers.github.io/playground/
Ladislav Prskavec - Frontendisti, 14.3. 2018 15
APIs
» Smashingmagazine - post about that
» Comments - GoTell, Disqus, IntenseDebate, isso
» Search - Algolia
» Payments - GoJoin, Stripe
» Auth - GoTrue, Auth0
» E-commerce - GoCommerce, Snipcart
» Images - Cloudinary
» Lambda, GraphQL, Webtask.io - for yours serverless backends
Ladislav Prskavec - Frontendisti, 14.3. 2018 16
Headless CMS
» Contentful - API based, hosted
» NetlifyCMS - Git based, hosted
» strapi - API based, self-hosted
» Forestry
» https://headlesscms.org/
Ladislav Prskavec - Frontendisti, 14.3. 2018 17
NetlifyCMS
» Content management in a single-page app
» Built in React.js with extensible components
» Integrate with any build tool
» Plug in to any static site generator
» www.netlifycms.org
» Test it!
Ladislav Prskavec - Frontendisti, 14.3. 2018 18
When is your site not
built with the
JAMstack?
Ladislav Prskavec - Frontendisti, 14.3. 2018 19
Why the JAMstack?
Ladislav Prskavec - Frontendisti, 14.3. 2018 20
Why the JAMstack?
» Better Performance
Ladislav Prskavec - Frontendisti, 14.3. 2018 21
Why the JAMstack?
» Better Performance
» Cheaper, Easier Scaling
Ladislav Prskavec - Frontendisti, 14.3. 2018 22
Why the JAMstack?
» Better Performance
» Cheaper, Easier Scaling
» Higher Security
Ladislav Prskavec - Frontendisti, 14.3. 2018 23
Why the JAMstack?
» Better Performance
» Cheaper, Easier Scaling
» Higher Security
» Better Developer Experience (DX)
Ladislav Prskavec - Frontendisti, 14.3. 2018 24
JAMstack
» https://jamstack.org/
Podcast - Jamstack Radio
» https://www.heavybit.com/library/podcasts/jamstack-radio/
Ladislav Prskavec - Frontendisti, 14.3. 2018 25
DEMO
https://jamstack.166.cz/
Ladislav Prskavec - Frontendisti, 14.3. 2018 26
Thanks
Questions?
Ladislav Prskavec - Frontendisti, 14.3. 2018 27

More Related Content

Similar to How you can kill Wordpress! (20)

PPTX
JS Fest 2019/Autumn. Александр Товмач. JAMstack
JSFestUA
 
PDF
Top 8 react static site generators for 2020
Katy Slemon
 
PDF
Going Back to Static HTML Sites - SEMPRO 2017
LumoLink
 
PDF
Word press with react – implementing headless wordpress with reactjs converted
DaljeetSingh210
 
PDF
Going mobile with RichFaces
Lukáš Fryč
 
PDF
2015: A static site generator odyssey
Olga Skurativska
 
PDF
2015 - a static site generator odyssey
Unic
 
PDF
Going back to static html sites / Artem Daniliants / LumoSpark
LumoSpark
 
PPTX
11 Live Node.js CMS Frameworks
iScripts
 
PDF
O łączeniu Storyblok i Next.js
The Software House
 
PDF
Back to the future with static site generators
Chris Ward
 
PPTX
JavaFX Versus HTML5 - JavaOne 2014
Ryan Cuprak
 
PPTX
Client Side Frameworks
Mitesh Gandhi
 
PDF
Modern Static Site with GatsbyJS
Riza Fahmi
 
PDF
News From the Front Lines - an update on Front-End Tech
Kevin Bruce
 
PDF
Top Front-End Frameworks For Your Web Development Projects.pdf
CalvinLee106
 
PDF
Jamstack on Azure
Stefan Baumgartner
 
PDF
Rise of the Content Mesh: Webcast with Contentful and Gatsby
Gatsbyjs
 
PDF
Amazing vue.js projects that are open source and free.
Katy Slemon
 
PPTX
JAMStack
Samundra khatri
 
JS Fest 2019/Autumn. Александр Товмач. JAMstack
JSFestUA
 
Top 8 react static site generators for 2020
Katy Slemon
 
Going Back to Static HTML Sites - SEMPRO 2017
LumoLink
 
Word press with react – implementing headless wordpress with reactjs converted
DaljeetSingh210
 
Going mobile with RichFaces
Lukáš Fryč
 
2015: A static site generator odyssey
Olga Skurativska
 
2015 - a static site generator odyssey
Unic
 
Going back to static html sites / Artem Daniliants / LumoSpark
LumoSpark
 
11 Live Node.js CMS Frameworks
iScripts
 
O łączeniu Storyblok i Next.js
The Software House
 
Back to the future with static site generators
Chris Ward
 
JavaFX Versus HTML5 - JavaOne 2014
Ryan Cuprak
 
Client Side Frameworks
Mitesh Gandhi
 
Modern Static Site with GatsbyJS
Riza Fahmi
 
News From the Front Lines - an update on Front-End Tech
Kevin Bruce
 
Top Front-End Frameworks For Your Web Development Projects.pdf
CalvinLee106
 
Jamstack on Azure
Stefan Baumgartner
 
Rise of the Content Mesh: Webcast with Contentful and Gatsby
Gatsbyjs
 
Amazing vue.js projects that are open source and free.
Katy Slemon
 
JAMStack
Samundra khatri
 

More from Ladislav Prskavec (20)

PDF
SRE in Apiary
Ladislav Prskavec
 
PDF
SRE in Startup
Ladislav Prskavec
 
PDF
CI and CD
Ladislav Prskavec
 
PDF
Datascript: Serverless Architetecture
Ladislav Prskavec
 
PDF
Serverless Architecture
Ladislav Prskavec
 
PDF
CI and CD
Ladislav Prskavec
 
PDF
PragueJS meetups 30th anniversary
Ladislav Prskavec
 
PDF
How to easy deploy app into any cloud
Ladislav Prskavec
 
PDF
Docker - modern platform for developement and operations
Ladislav Prskavec
 
PDF
GDGSCL - Docker a jeho provoz v Heroku a AWS
Ladislav Prskavec
 
PDF
AWS Elastic Container Service
Ladislav Prskavec
 
PDF
Comparison nodejs frameworks using Polls API
Ladislav Prskavec
 
PDF
Docker Elastic Beanstalk
Ladislav Prskavec
 
PDF
Docker včera, dnes a zítra
Ladislav Prskavec
 
PDF
Tessel is a microcontroller that runs JavaScript.
Ladislav Prskavec
 
PDF
Docker.io
Ladislav Prskavec
 
PDF
Docker.io
Ladislav Prskavec
 
PDF
AngularJS
Ladislav Prskavec
 
PDF
Firebase and AngularJS
Ladislav Prskavec
 
PDF
AngularJS at PyVo
Ladislav Prskavec
 
SRE in Apiary
Ladislav Prskavec
 
SRE in Startup
Ladislav Prskavec
 
Datascript: Serverless Architetecture
Ladislav Prskavec
 
Serverless Architecture
Ladislav Prskavec
 
PragueJS meetups 30th anniversary
Ladislav Prskavec
 
How to easy deploy app into any cloud
Ladislav Prskavec
 
Docker - modern platform for developement and operations
Ladislav Prskavec
 
GDGSCL - Docker a jeho provoz v Heroku a AWS
Ladislav Prskavec
 
AWS Elastic Container Service
Ladislav Prskavec
 
Comparison nodejs frameworks using Polls API
Ladislav Prskavec
 
Docker Elastic Beanstalk
Ladislav Prskavec
 
Docker včera, dnes a zítra
Ladislav Prskavec
 
Tessel is a microcontroller that runs JavaScript.
Ladislav Prskavec
 
Firebase and AngularJS
Ladislav Prskavec
 
AngularJS at PyVo
Ladislav Prskavec
 
Ad

Recently uploaded (20)

PDF
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
PDF
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
PDF
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
PDF
Newgen Beyond Frankenstein_Build vs Buy_Digital_version.pdf
darshakparmar
 
PDF
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
PDF
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PDF
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
PPTX
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
PDF
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
PDF
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
PDF
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
PDF
Presentation - Vibe Coding The Future of Tech
yanuarsinggih1
 
PPTX
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
PDF
Blockchain Transactions Explained For Everyone
CIFDAQ
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
Newgen Beyond Frankenstein_Build vs Buy_Digital_version.pdf
darshakparmar
 
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
Presentation - Vibe Coding The Future of Tech
yanuarsinggih1
 
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
Blockchain Transactions Explained For Everyone
CIFDAQ
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
Ad

How you can kill Wordpress!