Schedule

Tuesday,
October 15

Welcome party
(evening event)

Wednesday,
October 16

Keynotes
& conference talks

Lunch 'n learn

Happy hour

Thursday,
October 17

Agency breakfast

Conference talks

Lightning talks

Friday,
October 18

Hands-on workshops (extra cost)

Tuesday, October 15

JAMsession - Welcome Party

The JAMstack San Francisco user group is hosting an opportunity to mix and mingle with attendees before we kick off the event.

Wednesday, October 16

Doors, Registration

Welcome and Intro

Phil Hawksworth · JAMstack Conf MC

JAMstack at Scale

Matt Biilmann · Netlify

What Got Us Here, Won’t Get Us There. Scaling Development at Canada’s Largest Retailer

Justin Watts · Loblaw

In this talk Justin Watts walks his audience through Loblaw Digitals (LD) journey from building 9 digital experiences in 7 years, to preparing for rolling out 150+ in 1 year. Justin dives into what it takes to ‘cross the chasm’ when adopting a new technology, utilizing a concept from Google called the ‘Rainbow of Death’. In our walk across the rainbow, we found that the JAMStack helped us increase autonomy, find purpose, and own failure, resulting in a meaningful shift to a culture of ownership.

Break

JAMstack with WordPress

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.

Static generated sites === great performance. What are you waiting for?

Debbie O'Brien · Patterson Agency

Statically generated sites are the future. Seriously. With frameworks like Nuxt we can build really cool sites that look and feel like a single page application but are actually static generated. That means no need for a server but most importantly performance is amazing. Everything is generated at build time.

Building e-commerce storefronts on the JAMstack

Ashley McKemie · BigCommerce

Learn how to build an e-commerce website using Gatsby, Netlify, and BigCommerce. The team at BigCommerce will walk through a demo of building an e-commerce storefront using their Gatsby starter app, which includes core commerce functionality such as cart and checkout. You'll also learn how to enable more sophisticated use cases, such as international sites, and how BigCommerce is enabling the JAMstack and developers.

Lightning launches

David Wells · Netlify and Ohad Eder-Pressman · Stackbit

It's demo time! This is your chance to learn what's new in the JAMstack ecosystem. Each day we'll hear two, 10-minute lightning talks about new technologies that are making the JAMstack more powerful at scale.

Supercharging JAMstack apps with multiple APIs via GraphQL Pipelines

Sean Grove · OneGraph

Every JAMstack app at its core does 2 things for users:

  1. reads data from sources (DB, Stripe, Salesforce, Shopify, etc.)
  2. effects the world on their behalf (sending emails, submitting purchases, etc.)

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:

  • takes a domain-name input from a user
  • purchases the domain
  • creates a GitHub project
  • deploys a placeholder on Netlify

Break

Building a shopping cart on a static website

Atishay Jain · Adobe

By definition, a static website does not have a server. Then how, with the JAM stack can we really have a good shopping cart. This talk will have a demo of a system where no dynamic code is written on the server and a fully functional e-commerce website is presented using a static site builder, some APIs and JavaScript.

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.

The visual future of content editing

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.

Migrating to JAMstack and OhShitGit!

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!

Oops–I guess we're full-stack developers now

Chris Coyier · CSS Tricks

A few years ago we were front-end developers. These days, as the tools we use to build the web are getting better, easier, and more powerful, we've suddenly become full-stack developers. Let's take a look at what happened and how we can take full advantage of our new super powers

Wrap up & announcements

Join us for happy hour!

Reflect on the day and make new connections with your fellow attendees during the on-site happy hour! Join us in the sponsor hall for chat, board & lawn games, cocktails, mocktails, beer and wine, and tasty nibbles!

Sponsor Event: Contentful Ice Cream Social!

Museum of Ice Cream - 1 Grant Ave, San Francisco, CA 94108

Outside registration required to attend

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:

  • Tour the Halloween themed Museum of Ice Cream
  • Network with fellow JAMStack and Contentful developers
  • Have tasty cocktails, appetizers, and ice cream

Make sure to RSVP here and reserve your JAMStack golden ticket, as space is limited.

Thursday, October 17

Breakfast and Agency Fireside Chat

Sponsored by Netlify

Join us for breakfast and an interactive roundtable session to learn why the JAMstack is giving agencies a competitive advantage. Chris Bach of Netlify will kick off the morning, and the roundtable will feature anecdotes, advice and business outcomes from Marc Ammann of Matter Supply (working with Nike), Phil Hawksworth of Netlify, and Alex de Winne from Therefore.ca

Welcome and Intro

Phil Hawksworth · JAMstack Conf MC

A few opening remarks and information about the event ahead.

Responsive Typography

Mandy Michael · Seven West Media

Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices. We can use variable fonts with pre-existing technologies to improve the performance, design, accessibility and usability of our websites.We can start to design our typography to adjust to various inputs, situations or events using Media Queries, JS events and the Sensor or Audio Apis. This will allow us to modify our fonts to aid in storytelling, achieve improved readability and legibility in different situations, environments or on larger or smaller screens.Let’s begin to explore new and exciting creative opportunities for storytelling, design and expression in ways standard fonts could never provide us. This is just the beginning of our journey to discover what we can do with variable fonts.

The Git Powered CMS: Content Management with
No* Server

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.

Break

Um, it's about your JavaScript...

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.

How to rebuild digital services for a multi-national restaurant chain from scratch

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.

Lunch

Lightning launches

Adam Conn · Uniform

It's demo time! This is your chance to learn what's new in the JAMstack ecosystem. Each day we'll hear two, 10-minute lightning talks about new technologies that are making the JAMstack more powerful at scale.

Lightning launches

Andrew Sprouse · TakeShape

It's demo time! This is your chance to learn what's new in the JAMstack ecosystem. Each day we'll hear two, 10-minute lightning talks about new technologies that are making the JAMstack more powerful at scale.

Design systems, frameworks and browsers

Nicole Sullivan · Google

Break

Progressive Bundling Replacing Webpack with 302 Redirect

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!

Headless Chrome & Cloudinary for progressively enhanced dynamic content

Ire Aderinokun · BuyCoins

Services like Puppeteer give us the power of headless browsers, which give us to power to do things like dynamically capture screenshots of web pages. This can be incredibly useful for creating static image fallbacks of content that would otherwise only be accessible with Javascript enabled.

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.

Own your content on Social Media using the IndieWeb

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.

ShopTalk Show Live Recording

Chris Coyier · CSS-Tricks and Dave Rupert · Paravel

Let's have some fun! Chris and Dave will take us home with a live recording of their popular podcast about development, design, performance, accessibility, tooling, a little bit of everything!

Wrap up & announcements

Phil Hawksworth · JAMstack Conf MC

Friday, October 18

Workshop day

Get hands-on with the JAMstack with full-day and half-day workshops from some of of the top engineers in their category. Sold separately from the conference.

Hugo: From Small Projects to Enterprise Builds, it can handle them all!

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.

More details ->

New Front-End Adventures, 2019 Edition

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?

More details ->

Building a Serverless App

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.

More details ->

Content modeling: practice makes perfect, perfecting your practice

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.

More details ->

Tickets

Conference tickets are $399 for one day and $599 for two days. Workshops are sold separately. Sending three or more from your team? Contact us about group discounts or sponsorships.