Jamstack Conf Virtual

Deep dive into making your React, Vue or Angular apps fully editable and easy to manage for your content and marketing teams.

Configure a content-type in your headless CMS, turn your content authors loose on it, then grab the array from the endpoint, render the list in your app, and add a detail view. Mission accomplished, right? For some projects, yes. But for other projects, the content and marketing teams need to do more, and ideally they don't need to always come back and pester you for changes every Monday morning.

In this workshop you will learn the very cool new approach that many CMS have launched in the last year. Frontend components and visual CMS components are bound in an elegant way, such that non-technical content authors can literally build up frontend apps, component by component, in a visual WYSIWYG environment. This means you can go fully headless, yet still give your marketing team the tools and creative control they need. It's both an interesting frontend technology and a much requested feature. This workshop covers a general topic and is appropriate for users of any frontend framework, SSG and CMS. As a practical example we'll use React, Gatsby & Magnolia.

Requirements: Familiarity with the command line. Node version 10.15+ and npm 6.4+ installed.

Check out the video overview!

This workshop will discuss the key benefits of using a Jamstack approach to web architecture. We'll explore the core principles and attributes, and look at some examples. Then we'll take a practical tour around some of the features and workflows which Netlify offers to enable these attributes of the Jamstack to your projects. Including:

- Ways to deploy your sites to Netlify- Creating CI/CD workflows
- Environments, previews, rollbacks- Optimising sites with post-processing
- Capturing user input with forms and functions
- Hooks, notifications and leveraging APIs
- Ways to gradually migrating to the Jamstack

The Jamstack is a modern architecture that helps you create secure, dynamic sites faster. It uses JavaScript, APIs and prerendered Markup, served without web servers. Using Angular on the Jamstack is a “ripe” concept that’s taking off fast. In this workshop we’ll cover the core concepts and benefits of the JAMstack, so you can confidently tell your co-workers, “I know exactly what the JAMstack is!” Then we’ll jump into coding our individual Jamstack sites using Angular. We’ll cover how to handle search, forms, data, serverless functions, and more, all through coding out an application deployed with CI/CD for you to show off to friends & family. Hope to code with you soon!

More and more, organizations understand that performance is a critical factor in the reach and overall effectiveness of their online experiences. But where to start? It can be challenging to weed through the myriad of advice and "best practices" floating around to find the improvements that will actually benefit you and the people using your site. All too often, teams spend large amounts of time applying optimizations only to find that they're unable to show meaningful improvements after the fact.

In this workshop, we'll walk through the process of analyzing a sites performance to find meaningful improvements. We'll start with understanding the key components of the page lifecycle and which metrics we can use to measure them. Then, we'll use those metrics as our starting point to identify exactly which bottlenecks may slow them down, and the patterns to look for. In the end, we'll walk away with a process for ensuring that the optimizations we make result in meaningful improvements to our sites performance and, more importantly, to the user experience.

In this workshop by Phil and Dylan you will learn how to build your own live streaming platform (think of products like: Twitch, Youtube Live, Facebook Live). No video experience is required, we’ll use the Jamstack for the frontend and Mux.com for the live streaming APIs. You will also learn the basics of video streaming technologies like HLS and RTMP.

Some Jamstack experience is required. You should be able to run a Jamstack project like Gatsby or NextJS in a development environment you are comfortable with and you should have some experience working with React components.

In this React workshop, Cassidy will start by teaching you the fundamentals of hooks-based React, and then dive deep into building reusable components. By the end of the day you’ll be able to build a React app from the ground up with ease and deploy it live.

This workshop is for developers who haven't had experience building a production React application yet, who haven't used React hooks before, or who are decent at JavaScript (or another JS framework) but want a deeper understanding of React. Overall, it's a good introduction or refresher! We'll have a combination of lectures and exercises with which you can follow along, and by the end of this workshop, you'll understand what you'll need to know to build modern React components and applications, and how to bundle and deploy them.