Netlify Compose 2024 agenda

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

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.

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.

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.

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.

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!

There’s many great products launched every day but they’re lacking customer obsession. Without understanding our customer, and being utterly obsessed with their needs, we’ll continue to engineer great products for ourselves rather than for our customers. We’ll take an introspective approach on how to mitigate building for one’s ego and how you can begin building the next feature or product that’ll have everyone thinking it was such an obvious idea.

Leveraging 3rd party tools and services to expand your web ecosystem has never been easier. Join us for an exciting announcement on how Netlify and DigitalOcean are working together to make it simpler for customers to access the power of the cloud.

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.

This summer, Optimizely launched its SaaS CMS solution and recently launched its partnership with Netlify. Former developer and Sr. Director of Solution Architecture Shannon Gray takes the Compose stage for a lightening talk to on the evolution of Optimizely’s solutions (we’re celebrating our 30th anniversary!), content management, and how Optimizely is changing how marketers and developers create digital experiences for their customers.

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.

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.

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.

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.

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.

We’ve all heard about server components by now, but nobody’s talking about the tech underneath. Suspense is the magical piece holding it all together, but nobody knows how it works. In this talk, I’ll give an overview of the secret tech powering suspense: HTTP streaming

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.