Phil Hawksworth · JAMstack Conf MC
Matt Biilmann · Netlify
Justin Watts · Loblaw
Amit Rathi · MobiDev, LLC
WordPress is a CMS powering over a third of the web. With the power of it's REST API, it is possible to implement a decoupled and headless architecture.
This talk will demonstrate how to setup and use a WordPress site as a back-end for a static front-end. This talk will compare headless WordPress to other solutions, outlining the major advantages and disadvantages.
Debbie O'Brien · Patterson Agency
Ashley McKemie · BigCommerce
David Wells · Netlify
Ohad Eder-Pressman · Stackbit
Sean Grove · OneGraph
Every JAMstack app at its core does 2 things for users:
Yet combining APIs into a coherent unit is intensely manual & fiddly.
Instead, let's combine multiple persisted queries in GraphQL to succinctly encompass all of the chaining work.
We'll build one such sequence to expose as a single call for our JAMstack app that:
Atishay Jain · Adobe
Not every e-commerce system needs to be as dynamic as Amazon, and therefore should not use the same stack. You can avoid on-call work, constant updates and maintenance efforts when you use a CDN to host your shopping cart and get great performance to go along with it.
Scott Gallant · Forestry.io
The CMS editing experience hasn't changed much in the last decade. However, site building tools like Squarespace, Webflow, Carrd, and Cargo have become much more sophisticated. CMSs optimize for developer experience (DX) while site-builders optimize for the user experience (UX).
In the future, DX and UX will merge and content management will be more visual while giving devs the control they need. In this talk, learn about the future of content management for the JAMstack followed by a demo of an experimental editing UI from the Forestry.io team.
Katie Sylor-Miller · Etsy
"Everything lives in Git" - Git's powerful, scalable, and flexible version control forms the foundation for many of the other features that make the JAMstack work. But, Git can be confusing and intimidating, and mistakes are all too common -whether you are a newbie or you use it every day!
Out of this frustration, Katie's site ohshitgit.com was born. And recently, Katie migrated it to the JAMstack. Today, she'll walk us through the migration process, and along the way dive deep into Git's underlying data structures to flesh out our mental model of how Git works, and help us avoid messes before they begin!
Chris Coyier · CSS Tricks
Museum of Ice Cream - 1 Grant Ave, San Francisco, CA 94108
Who doesn't love ice cream and Halloween? Contentful is holding an ice cream social at the Museum of Ice Cream following the JAMStack Happy Hour.
Join Contentful and other JAMStackers for a Charlie and the Chocolate Factory-like experience filled with imaginative ice cream installations and whipple-scrumptious cocktails.
During the event you'll have the chance to:
Make sure to RSVP here and reserve your JAMStack golden ticket, as space is limited.
Sponsored by Netlify
Phil Hawksworth · JAMstack Conf MC
Mandy Michael · Seven West Media
Shawn Erquhart · Netlify
*Okay, no additional server. Your JAMstack site already uses a server - GitLab, GitHub, Bitbucket, etc. You use them via Git.
Your CMS can, too.
We’ll dig into a promising, minimal approach to content management that works the way you do.
Tammy Everts · Speedcurve
“JAMstack is revolutionising the way we think about workflow by providing a simpler developer experience, better performance, lower cost and greater scalability.” ~ From JAMstack WTF
I’m going to be the meanie in the room who proposes that the J in your stack might not be as performant as you think, and the metrics you're looking at may be misleading you. But don’t worry! I’m also going to show you where the gotchas are hiding, what metrics to explore, and how to use performance budgets to deliver and maintain the better experience that JAMstack promises.
Teddy Sherrill, CTO of Restaurant Brands International
In this talk, we’ll learn how one of the world’s largest restaurant chains use JAMstack and structured content to rapidly deliver high-quality user experiences. Restaurant Brands International (Burger King, Tim Hortons, Popeyes) decided back in 2018 to redo their digital services. Teddy Sherrill (CTO) and his team were given the unique opportunity of ditching their technical debt and put together a new stack from the ground up.
They chose the JAMstack for deploying their user-facing services on Netlify. By leveraging structured content with Sanity.io they were able to tie together ERP-systems with marketing copy behind a unified real-time API. They began the work with only two developers in December 2018. And shipped popeyes.com to production in August 2019, having grown their internal team to 8 devs all while building. This talk will give a tasty real-world example of how the modern stack increases speed of delivery, reliability, and efficient re-usability.
Adam Conn · Uniform
Andrew Sprouse · TakeShape
Nicole Sullivan · Google
Brian LeRoux · begin.com
Software development for the web today often comes with an implicit penalty to iteration speed: a build step! We love our compiler tooling and this talk will argue that while build steps will remain requirement for the foreseeable future they can also be largely automated. A purist may point out this technique violates the JAMStack principle of prebuilding markup. However, it could also be argued that dynamically building sources exactly once and caching them forever is exactly the same thing except we are deferring the build to the web server instead of the authors computer.
Controversy! But either way, only needing to deploy sources, and leaving it to our tools process the requested asset and deliver it through a CDN is most definitely the spirit of JAMStack. It's all about buying us more time for the real work of authoring software for the web instead of waiting on complex deployment ceremonies!
Ire Aderinokun · BuyCoins
In this talk, I’ll show how I used Puppeteer and Cloudinary to create fallback images for the dynamic embed of CanIUse compatibility tables I created. Together we’ll create a tiny microservice that leverages these technologies and we’ll see how it all fits together to create the final product.
Zach Leatherman · Filament Group
You’ve been posting to Medium, Twitter, Facebook, or Instagram. The gardens are walled. The silos are tall.
Inevitably when we are beholden to social media, the terms of service for these sites are subject to change. What can we do to protect our stuff and take back our digital social interactions out of these silo’d spaces and move them to places that we control?
With the IndieWeb and JAMStack, this is not only possible but pretty approachable too.
Chris Coyier · CSS-Tricks and Dave Rupert · Paravel
Phil Hawksworth · JAMstack Conf MC
Bud Parr and Régis Philibert, The New Dynamic
The future is JAMstack, but many people want to know: What is the tool that will allow me to build my personal blog, yet, scale to large sites and handle any sort of complexity I need? Hugo is not only the world’s fastest static site generator, but also happens to be a sophisticated build tool that is as powerful as it is flexible.
Vitaly Friedman, Smashing Magazine
With HTTP/2, Service Workers, Progressive Web Apps, Variable Fonts, CSS Custom Properties, Client Hints and Resource Hints, Flexbox, CSS Grid Layout, SVG, WAI-ARIA roles and Font Loading API now available in browsers, we all are still trying to figure out just the right strategy for designing and building for the web efficiently. We want to use all of these technologies and smart processes, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time?
David Wells, Netlify
Join Netlify’s David Wells as he leads attendees through building a production-ready, full-stack application with serverless functions, a NoSQL datastore, and React.
Aida DeWitt, Enterprise Solutions Architect for Contentful
Content modeling is the process of creating the schema for the content of a project. It’s a common step when using a Headless CMS but also applies when working with any other structured format, like YAML or even the Frontmatter of Markdown files.