Upload
pantheon
View
12.579
Download
3
Tags:
Embed Size (px)
Citation preview
Pantheon.io 3
Speakers
Josh Koenig Co-Founder &
Head of Developer Experience Pantheon
Mike Minecki Director of
Technology Four Kitchens
Brandon Bowersox-Johnson
Chief Technology Strategist
Pixo
Pantheon.io 4
Agenda
‣Why Decoupled CMS? Josh Koenig, Pantheon
‣Case Study #1: Mike Minecki, Four Kitchens
‣Case Study #2: Brandon Bowersox-Johnson, Pixo
‣Discussion and Q&A
Pantheon.io 6
Monolith vs. Decoupled
Monolith
Templates & Themes
Display Logic
Editorial UI
Admin UI
VS.
Decoupled
Pantheon.io
Decoupled
7
•
CMS
JS App
User Request
Hybrid
•
CMS
Single Page App
User Request
Single Page
•
CMS
Native Mobile
App
User Request
Native
•DecoupledFront End
CMS
User Request
CMS2
CMS
We make BIG websitesfourkitchens.com @fourkitchens
The TWiT.tv Netcast Network with Leo Laporte features the #1 ranked technology podcast This Week in Tech, along with over 20 other top-ranked online shows.
Node.js architecture• Saucier - Our headless framework• Node.js• Express for routing• Dust templates• Redis for caching
Design in the browser• Responsive loves design in the browser• Workflow with Drupal is always clunky• Decoupling made the process seamless
Decoupled empowerment
• Redesigns won’t require a CMS upgrade• Independent work streams• Best of breed tools• More natural modern design process
Brandon Bowersox-Johnson@[email protected]
Old Way• CMS theming• Limited team• Develop in CMS• Costly upgrades
• Choose the best FE tools
• FE devs ≠ CMS devs• Start without a CMS• Simpler CMS upgrades
Goals
Pattern Lab• Atomic design• Test drive responsive layouts• Assemble elements into pages• More at patternlab.io
Benefits• Less-customized CMS easier to upgrade• More focused authoring experience• Content available as JSON
Outpost• Lightweight PHP app• Feeds JSON from WordPress or Drupal into Pattern Lab templates
• More at getoutpost.org
Outpost1. Handles visitor requests (Symfony
HTTP...)2. Fetches JSON content (Guzzl)3. Caches responses (Stash)4. Dev tools for logging, debugging
Result• Fell in love with our CMS again• Built great FE with the best tools• FE dev team and timeline not tied to CMS• Unleashed content authoring• Easier upgrades over time