Attend _the_ conference to learn how to design, develop, and deploy fast, modern web projects that run on JAMstack, without web servers.

JAMstack Conf

The JAMstack approach is powering big projects for major brands at scale. But is it just one more approach or is it the enduring future of how websites are built and delivered? 

The JAMstack approach is powering big projects for major brands at scale. But is it just one more approach or is it the enduring future of how websites are built and delivered? 

Matt Biilmann, CEO of Netlify, talks about the unique power of the JAMstack approach to speed up the performance of the open web—including what that means in the new landscape of billions of varied devices. While JavaScript and APIs are a big part of the JAMstack, perhaps the best gains for both users and developers come from moving as much of the compute work out of the request path and into a dedicated build step. https://www.netlify.com

JAMstack at Scale: why pre-built markup is critical

JAMStack helped us increase autonomy, find purpose, and own failure, resulting in a meaningful shift to a culture of ownership.

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.

What got us here, won’t get us there.

Learn how to setup and use a WordPress site as a back-end for a static front-end.

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.

JAMstack with WordPress

With frameworks like Nuxt we can build really cool sites that look and feel like a single page application but are actually static generated. 

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.

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

Learn how to build a headless e-commerce website using Gatsby, Netlify, and BigCommerce.

Learn how to build a headless ecommerce website using Gatsby, Netlify, and BigCommerce.

Ashley McKemie of 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.

There are a number of use cases for building a website on the JAMstack, but the value that static sites provides is especially compelling for companies selling online. Ecommerce is already a significant portion of retail sales, with Statista reporting that global ecommerce sales were 14% of the total global retail sales. This number is predicted to rise to 16% in 2020, reaching $4.2 billion in sales in the global market.

Headless commerce is the decoupling of the frontend presentation layer that the shopper sees from the backend commerce functionality that enables merchants to drive the shopper flows, such as checking out or returning products.

Check out the full tutorial accompanying this video https://www.netlify.com/blog/2020/02/21/building-a-jamstack-ecommerce-storefront-with-bigcommerce-netlify/#tutorial-using-the-starter-plugin to develop this headless commerce site.

Building e-commerce storefronts on the JAMstack

In this 10-minute JAMstack_conf lightning launch, David Wells, Technical Product Manager at Netlify, explains the CI/CD workflow for Netlify Builds and introduces the concept of Netlify Build Plugins. Now developers can extend the functionality of Netlify builds with a programmable interface that hooks into different phases of the build lifecycle. To be part of the private beta, go to https://www.netlify.com/plugins-beta

Introducing Netlify Build Plugins

Breaking news, announcements and releases from the JAMstack ecosystem

Lightning launch - Stackbit

Every JAMstack app at its core does 2 things for users:
- Reads data from sources (DB, Stripe, Salesforce, Shopify, etc.)
- 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

Supercharging JAMstack apps with multiple APIs via GraphQL Pipelines

By definition, a static website does not have a server. Then how, with the JAM stack can we really have a good shopping cart?

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.

Building a shopping cart on a static website

Learn about the future of content management for the JAMstack followed by a demo of an experimental editing UI.

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.

The visual future of content editing

Katie's site ohshitgit.com was born our of her frustrations with git. She'll walk us through the migration process to JAMstack, 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!

"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!

Migrating to JAMstack and OhShitGit!

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.

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.

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

Chris Bach, co-founder of Netlify, recalls his agency roots and explains how agencies can benefit from the JAMstack.

JAMstack for Digital Agencies

One of the largest grocery chains in Canada, Longo's needed to compete in a market being disrupted by technology and changing customer experiences. Alex de Winne, CEO of Therefore Interactive, a digital agency based in Toronto, presents a before-and-after case study building a JAMstack website for Longo's. By migrating to the JAMstack on Netlify, they were able to dramatically increase the performance, SEO, and functionality of the site. https://therefore.ca/

How Therefore Interactive is modernizing Longos on the JAMstack

Inspired by Colin Kaepernick, Nike created the Emmy-winning ‘Dream Crazy’ campaign and approached digital agency Matter Supply to launch it on the web within a month. The timeline accelerated further when Kaepernick tweeted the campaign a few days early. In this talk, Marc Amman, CEO of Matter Supply, describes how his team was able to deliver the campaign on time—even ahead of schedule—thanks to the JAMstack and Netlify. https://mattersupply.co/

Matter Supply fast tracks iconic Nike campaign with the JAMstack

More digital agencies are leveraging the power of JAMstack to give them a competitive advantage. At JAMstack_conf_sf 2019, Marc Amman of Matter Supply and Alex de Winne from Therefore.ca take questions from the community and cover topics like convincing clients to use the JAMstack, "de-unicornification,” and static vs dynamic sites.

JAMstack agency fireside chat

Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices.

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.

Responsive Typography

We’ll dig into a promising, minimal approach to content management that works the way you do.

*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.

The Git Powered CMS Content Management with No Server

I’m going to be the meanie in the room who proposes that the J in your JAMstack might not be as performant as you think, and the metrics you're looking at may be misleading you. 

“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.

Um, its about your JavaScript...

Learn how one of the world’s largest restaurant chains use JAMstack and structured content to rapidly deliver high-quality user experiences.

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.

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

JAMstack for the Enterprise

TakeShape.io

Design systems, frameworks and browsers

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.

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.

Headless Chrome & Cloudinary for progressively enhanced dynamic content

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!

ShopTalk Show Live Recording

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?

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.

JAMstack Conf 2019 San Francisco

Oct 16 - Oct 18 | California, USA