Netlify Compose 2024 agenda

Kick off Compose 2024 with us at the Fairmont Pavilion Room & Rooftop Garden.

Many discussions around AI & design systems focus on reducing effort in design & developer jobs easier, by generating design/code. But let’s go beyond that.

In this presentation, Jina will discuss how AI can improve user experiences by creating personalized and adaptable UIs. They will also address ethical considerations and share examples of how AI could make our design systems more meaningful. And they will share a few things that we should do now to get us there.

This talk is for designers, developers, and anyone interested in AI’s impact on design systems.

In this talk, Eve Porcello will explore the intersection of artificial intelligence, web development, and self-replacement by launching an AI assistant that will help her deliver her best presentation yet. Watch as the Kira AI live codes an interactive, generative AI music visualization app while introducing various AI devtools along the way. Join us as we work together to work less.

We’ve strayed too far from the simplicity and power of HTML forms. It’s time to undo the damage. Once relegated to basic data collection, forms offer a surprising depth of functionality that’s being rediscovered by developers and embraced by modern frameworks like Astro, Fresh, Remix, and Next.js.

We’ll go back to the basics of HTML forms to dig into their history, look at the different input types, validation attributes, and advanced capabilities like the Constraint Validation API.

Developers sometimes underestimate the power of CSS for building visually appealing and accessible forms. By using form-specific pseudo-classes like :focus, :hover, :invalid, and :valid, we can enhance the user experience without overcomplicating things by resorting to custom JavaScript. This not only simplifies code but also ensures a consistent user experience across browsers and devices, reinforcing the core strengths of HTML forms.

We’ll circle back to the present and see how frameworks like Astro, Fresh, Remix, and Next.js are leveraging forms via APIs like the FormData interface.

Let’s rediscover the power of HTML forms and how they should be leveraged in modern web application development.

No web project is the same, so why are we forced into the same mental model when building them? Frameworks have traditionally centered around one paradigm, forcing you to think about your app from a perspective that often doesn’t make sense. If you’re building a blog the workflow should be much different than if you’re building an app with cutting edge local-first architecture.

With Astro we take the approach of providing a simple baseline of features that can accomodate any use-case. Then depending on what you’re building Astro has you covered with use-case specific features that you don’t even need to know about otherwise. A personal blog? Content collections and file-based routing is all you need. The company blog with non-technical authors? Add Content Layer hooked to your favorite CMS. Building an e-commerce site and need to maximize performance? Server islands give you that just by adding an attribute. Building a full-fledged app? Escape out of server-side rendering entirely and do everything in your favorite frontend framework and its rich ecosystem.

Learn how Astro takes a layered, dare we say composable, approach to delivering a framework that can work for any type of app. Astro is your framework of many frameworks.

TanStack Start is a fresh take on full-stack React development by the same creators of TanStack Query and TanStack Router. With an emphasis on type safety, developer experience, and productivity, Start marks a balance of intuitive tools and powerful primitives. Join us as we explore its early pre-release APIs and patterns and how they can improve our ability to build amazing web applications.

Web development is on the cusp of a revolution and you need to be a part of it. Users are starting to expect applications to do things that previously required massive engineering efforts. You get to harness the power of modern engineering techniques including AI features to build applications that interact with your users in new ways.

Tired of web applications that feel static? In this action-packed session, Mark will show you how to use new features to transform your applications and reimagine the way you interact with users. Prepare to be inspired and empowered to reimagine the possibilities of your apps.

Most, if not all of us, have in some way interacted with AI tools. We can probably go as far as to say that the majority of the developers here today have used or have considered using an AI developer tool to accelerate some part of their day-to-day work. Here are some things that startup developers and founders are taking into consideration when deploying applications built using AI tools.

The National Retail Federation (NRF) faced a significant challenge with a site that was resource-heavy and slow, creating bottlenecks and challenges in an industry that embraces frequent change. Together with RDA, NRF modernized their digital systems to support a high-priority site re-launch using Netify and Storyblok. In this talk, discover the behind-the-scenes details of this transformative project as the team shares insights into the impressive outcomes—enhanced security, improved site performance, and a dramatic reduction in deployment times from weeks to hours.

Join a panel featuring The Tile Shop’s E-Commerce transformation from traditional ERP monolith to a flexible, headless composable tech stack using platforms like Sitecore & Netlify to enhance customer experience and streamline omnichannel commerce.

Our panelists will detail The Tile Shop’s recent transition from a traditional ERP-centric approach to a more dynamic, headless, and composable tech stack, illustrating the shift with real-world applications and results. This transformation is powered by Sitecore’s suite of tools, including Sitecore XM Cloud, Sitecore OrderCloud, and Sitecore Discover. These platforms have enabled The Tile Shop to enhance.

Join us for an exciting journey into the future of web development, where Sourcegraph’s Chat Oriented Programmer (CHOP) paradigm converges with cutting-edge AI tools to redefine how front-end engineers and content marketers collaborate. In this session, we’ll demonstrate how Cody, Sourcegraph’s flagship AI coding assistant, can streamline the creation of static page templates while Netlify’s latest AI feature seamlessly integrates content from Notion into Git markdown. Watch as we transition from static content to dynamic, structured pages, with a sneak peek at an upcoming feature that will elevate content management to new heights. By the end of this demo, you’ll witness the full potential of AI-driven workflows as we create and launch a “Change Log” landing page for Sourcegraph—powered by Cody, Netlify. Don’t miss this opportunity to see the future of content-driven web development unfold before your eyes!

What does it mean to actually have a composable application on Netlify? Should you even consider using micro-frontends if you’re using Netlify? How does shipping smaller and composable parts of your application “Akshually” help you ship faster and more reliably?

In this talk Zack Chapple, Zephyr Cloud CEO, Module Federation core team member, ByteDance Innovator and Netlify Partner, will demonstrate how organizations can leverage micro-frontends together with Netlify to build a composable application.

A walkthrough of how to use slots to make extensible wrappers that enhance your dynamic content. We’ll talk about the HTML spec slots based on, how they’re used in Vue, and how that differs from other frameworks.

Watch a basic Next.js app evolve into an engaging GitHub commenter raffle system. We’ll use the GitHub API to fetch issue commenters, implement a dynamic winner selection process with animations, and deploy the app as a PWA on Netlify. Discover how GitHub Copilot speeds up development by assisting with API integration and state management. The talk will culminate in a live demo, where the app will award a Mona plushie to a lucky audience member. Join us to explore modern web development techniques that create interactive and deployable applications.

Local First architectures are emerging as one of the most exciting pathways towards performant and robust applications for end users, and could very well be the next large paradigm shift for rich client apps. In this panel, some of the leading innovators and researchers at the forefront of the local first movements, get together on stage to explore the future of the web.

Celebrate the end of Compose 2024 in style at the Tonga room, located downstairs at the Fairmont.