the largest Online Web Development & AI event. ever.

Intro

Master of Ceremonies introduces the program

Eleftheria Batsou

Founder's Keynote

Hear from the Founder of BitterBrains about the future plans for the team behind Frontend Nation

Alex Kyriakidis

Letting AI Interface with Your App with MCPs

We are entering a new era of user interaction. It's being built right before our very eyes and changing rapidly. As crazy as it sounds, soon each one of us will get our own Jarvis capable of performing actually useful tasks for us with a completely different user interaction mechanism than we're used to. But someone's gotta give Jarvis the tools to perform these tasks, and that's where we come in. In this talk, Kent will live code an MCP server and use it with an AI assistant to help us catch the vision of what this future could look like and our role in it.

Kent C. Dodds

Modern Day Mashups: How AI Agents are Reviving the Programmable Web

At the risk of showing my age, I invite you to travel back with me to the early 2000s… a period of web development known as the Mashup Era. Mashups were apps that mixed and matched APIs from different vendors to create new services. This was such an exciting time for web developers, as the possibilities seemed endless. APIs like Google Maps, Twitter, and Flickr gave developers access to data that they could use to create interactive user experiences that were simply delightful. However, the excitement eventually fizzled as developers realized they had to maintain these applications which were often side projects created for fun. In this talk, we’ll explore how AI Agents are bringing fun and creativity back to web development and giving new life to the “programmable web”.

Angie Jones

Intro

Master of Ceremonies introduction to the program

Konstantin Bifert

Angular v20

In this talk, I'll share my personal highlights from the latest version of Angular which we shipped just a few days ago! You'll learn all about the latest stable APIs in the framework, components, and more. At the end of the talk, we'll peek into the latest progress in signal forms and selectorless components.

Minko Gechev

Angular Resources: Everything you need to know

Discover how game changing Angular Resources will be for your Angular applications. We'll dive into what Angular Resources are, why they matter, and how they can replace most RxJs code in your Angular applications. We’ll see how to use resources for cleaner, more concise code. A perfect talk for those looking to level up their Angular skills and stay ahead with the latest features.

Alain Chautard

Live Panel Discussion

Like it or not, AI is changing the game for web developers. From humble beginnings as an improved text completion tool to full blown autonomous development agents, the landscape is changing fast. During this panel, long time coders and AI experts get together to talk about the current landscape and conjecture on what development might look like in the years to come.

Less Code? More Vibes? Web Dev in the AI Era

AI Driven Design with Histoire and Nuxt Layers

Learn how to build a reusable Nuxt Component Layer using AI assistance from Cursor and story building with Histoire. This practical session demonstrates how to combine modern tools to create maintainable, type-safe component libraries. Don’t know what a Nuxt layer or Histoire is? No worries! I’ll start by explaining the basics and the rest the Cursor will take care of! Get tips on how to write rules tailored for component creation. Perfect for front-end developers looking to streamline their workflow and leverage AI to enhance component development without sacrificing quality or control.

Daniel Kelly

Lessons Learned from the AI Battlefield: Automating Browsers Using Natural Language

Writing end-to-end tests using natural language sounds like a dream - you just say what you want, and you get it. But does it actually work? And is it fast and reliable enough to be practical? In this 15-minute lightning talk, I'll unpack what really happens when you try to drive browser automation with AI and natural language. From "it doesn't work" hallucinations to "it works, but come back in an hour", we've seen the good, the bad, and the hilarious. I'll share the key lessons learned from cutting through the hype train and building real-world products in this space: what surprised us, what slowed us down, and what's finally starting to click.

Brian Mann

Optimizing Angular Applications - Techniques for Performance Excellence

In today’s fast-paced digital landscape, delivering high-performance applications is crucial for a seamless user experience. This presentation dives deep into proven strategies and best practices for optimizing Angular applications. We will explore advanced techniques such as lazy loading, change detection strategies, signal-based state management, and leveraging NgOptimizedImage for better load times. Attendees will gain insights into optimizing bundle sizes, efficient HTTP communication, tree-shaking, and more. Whether you're dealing with large-scale apps or looking to enhance performance in smaller projects, this session provides actionable takeaways to improve your Angular application's speed and efficiency.

Sonu Kapoor

Turning Your Angular App into a Mobile Money Maker

Guide through the steps to transform your Angular web app into a thriving mobile app, ready for the App Store and Google Play.

Daniil Rabizo

The Built-in Browser-based Babelfish

AI progress is running away on the server-side, where the big GPUs live, but the web platform is never that far behind. In this talk we're going to explore the incredible applications you can build in the browser today and in the near future. You'll see how to build an offline-capable, speech to speech language translation app, a babelfish, using nothing but the web platform. Through this app we'll explore the different ways we can run AI models in the browser today and what may be built into the browser in the future. From low-level standards to high-level experiments, you'll learn how to work with AI on the web.

Phil Nash

Case Study: Building Accessible UI using Github Co-pilot

We’ll dissect the Adobe Express website, zooming in on accessibility considerations and the challenges I faced in implementing them. You’ll see how Copilot helped improve interactivity with suggestions like tabindex, ARIA attributes, and keydown event handling—but also why it’s crucial not to take these suggestions at face value. Much like pair programming, Copilot is a powerful tool, but the final responsibility lies with you, the developer. Join me as we explore compelling use cases for GitHub Copilot, examine its strengths and limitations, and discuss how to navigate complex UI widgets using keyboard events and ARIA roles. By the end of this session, you’ll have a deeper understanding of how to harness AI tools to build not just functional, but truly accessible web applications.

Navya Agarwal

The Secret To Fast TypeScript

Building apps with TypeScript is the norm these days, but there's one major pain point—speed. At first, everything runs smoothly, but as your project grows, build times drag, your editor lags, and even basic code completion slows to a crawl. The good news? A solution has been hiding in TypeScript’s documentation for years—overlooked but incredibly effective. In this talk, we’ll uncover this hidden gem, optimize your setup, and keep TypeScript fast as your app scales.

Mike Hartington

Meet The Web Framework From The Future

What would you envision your futuristic web framework to be like? What kind of properties would it have, and what would it enable for you? For me, the future of web frameworks should be minimal but type-safe, powerful but agnostic, and offer composable APIs instead of top level hooks. It’s a tough criteria, and most frameworks fail to meet a lot of these requirements. However, Tanstack Start is a new framework that checks all of these boxes, aims for a very high ceiling, and slots into an amazing ecosystem of rich client-side libraries. Let’s take a look at the future of web frameworks in this session by building a sample application with Tanstack Start, witness its incredible UX and DX capabilities, and how it compares to other frameworks like Next.js and Astro.

Dev Agrawal

AI-Powered Debugging and Browser Automation with Playwright MCP

Discover how AI is transforming the way we write, run, and debug browser tests. This talk explores the integration of AI into Playwright workflows, from intelligent test debugging to leveraging the Playwright MCP (Model Context Provider) for AI-driven browser interactions.

Debbie O’Brien

Inside Bolt.new: WebContainer API Meets AI

In this talk, we'll explore how WebContainers enable Bolt to understand your application at a fundamental level, providing intelligent assistance across any web framework. You'll learn about advanced prompt engineering techniques, see integrations with Supabase and Stripe that eliminate setup headaches, and understand sophisticated error recovery strategies for AI-generated code. This session will reveal how coding agents like Bolt actually work under the hood, equipping you with insights to use AI development tools more strategically for both rapid prototypes and production applications.

Jòan Varvenne

No More Guesswork: Let AI Optimise Your React App

What if you can build a suggestion engine that predicts the performance of your code, using previous data, and then suggests you techniques on how you can optimize your code? This talk will cover on building a simple CLI tool for React apps, use it for AI-driven predictive analytics and leverage cloud-native AI services that can enhance React component performance, automate optimizations, and preserve our time. We’ll look at the pain points React developers face today, and how AI can seamlessly address these challenges to improve the overall development process. The aim of this talk is to use AI to ease the work of Frontend developers.

Shlok Srivastava

Surprise! Svelte Secretly Sending Signals

Svelte 5 brought a brand new paradigm on the table of svelte users: Runes. Under the hood Runes uses a popular pattern for fine grained reactivity called Signals. While signals are just an implementation detail for svelte, understanding how they work and why they work and what gotchas they bring is good to be more proficient developing with Svelte. In this talk we will implement a basic version of a reactivity system with signals and go over the main gotchas.

Paolo Ricciuti

JavaScript's Secret Life Between the Ticks

In the world of Javascript, async/await events used to be magical and hard to understand, but not anymore! In this session, we will take a deep dive into the Javascript core in different environments. This will help us understand how Javascript handles async events from the past to the present, so we can continually improve our code.

Mohamad Shiralizadeh

# Scaling a Javascript Application from 0 to a Brazilian users

Starting a startup is one thing - scaling it is another beast entirely. In this practical, experience-driven talk, I'll take you through our two-year journey of building and scaling a JavaScript application from ground zero. Rather than theoretical concepts, you'll hear real stories about the technical challenges we faced and the solutions we implemented.

Dan Neciu

Code smarter, not harder: How AI Coding Tools Boost Your Productivity

Software development is no longer just about writing code – it’s about efficiency, smart solutions, and focusing on what truly matters. AI-powered coding tools like GitHub Copilot, Cursor, bolt.new, and v0 are transforming the way we build software. This talk provides a comprehensive overview of the tools currently available, their use cases, and their limitations. It explores how these tools automate repetitive tasks, accelerate development processes, and create space for more creative and strategic work. Challenges and limitations are also addressed to provide a realistic perspective on their potential. The goal of this talk is to demonstrate how AI coding tools can optimize workflows and make day-to-day work more productive – without compromising on quality.

Daniel Sogl

Outro

See you at Frontend Nation 2026!

Eleftheria Batsou

Native API Security with NativeScript

Using platform native APIs with NativeScript can offer more security than standard JavaScript APIs.

Nathan Walker

Outro

See you at Frontend Nation 2026!

Konstantin Bifert