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.

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.

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.

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.

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.

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.

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

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

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

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

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!

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.

A few opening remarks and information about the event ahead.

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.

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

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

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.

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.

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.

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!

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.

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.

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!