Vue.js Nation Conference

Welcome Keynote by the Founder of BitterBrains

Discover what's new in Vue.js 3.6 with an exclusive preview of its latest features, including the much-anticipated Vapor Mode.

An overview of why to make a new solution, discuss the trade-off of component declaration syntax design, and a brief introduction to all relative tools we implemented.

Ready to unlock the mystical powers of AI in your Vue.js development? This talk dives into the exciting world of AI-powered web development, showing you how to build Vue apps faster and smarter than ever before. Through live demos and hands-on examples, you'll discover how to leverage AI assistants to scaffold components, squash bugs, and write better code – all while maintaining full control of your codebase. Far from replacing developers, AI amplifies your capabilities and opens new career opportunities. By mastering AI-enhanced workflows today, you'll position yourself at the forefront of modern web development, making you an invaluable asset in an AI-powered future.

In this talk, we’ll cover patterns for writing better composables. We’ll see how we can improve how we manage state, how to make our composables more maintainable, and how to make them more flexible and usable in different places.

Join us for an exciting live panel as we explore the ultimate full-stack combination: Vue.js and Laravel. Hear from expert developers as they discuss best practices, real-world applications, and the synergy between these two powerful frameworks.

One of the key aspects of great Developer Experience is the ease of trying the solution - the easier and faster we allow the user to get benefits from using it, the better their experience will be. Nowadays, if a software does not deliver great DX, it will sooner or later be replaced by a new solution. It’s almost like running a Dungeons & Dragons session with your new friends - you have to explain all the rules and run the campaign in a way that they will enjoy it instead of being frustrated and not knowing what is going on. In this talk, I would like to share with you; DX indicators and tools that you can use to check the DX of your tool, some proven patterns for improving the DX, and examples of great DX with a Dungeons & Dragons twist 😊

Managing complex state in Vue can be challenging as applications grow. With XState, a state machine library, scaling state management can become predictable and maintainable. In this talk, we’ll explore how to integrate XState into Vue projects and transform your approach to handling state with ease and clarity.

Some tasks in web development are best optimized at build time, enabling faster applications. In this talk, we create a Vite plugin using the example of automating preprocessing complex 3D assets like glTF files into type-safe TypeScript objects. We’ll cover glTF structure, generating TypeScript definitions, and integrating this process into the Vite ecosystem. Using UnJS’s unplugin, the plugin will work agnostically with other bundlers like rspack or webpack, making it adaptable to your most loved framework - besides Vue of course ;) By the end, you’ll have a roadmap for building Vite plugins, minimizing runtime in your projects, and making your code compatible with a wide variety of bundlers.

Leaking implementation details, bloated composables, untestable code—we’ve all been there. What started as a “keep it simple” approach spiraled into a tangled mess of business, API, and retry logic. Now, every evolution feels like walking a tightrope without a harness. In this talk, we’ll dive into how to leverage Nuxt plugins to implement dependency injection. You’ll gain practical tips to clean up your architecture, decouple logic, and simplify testing—all without over-engineering your codebase.

State management has evolved a lot throughout the years. State libraries like Redux, MobX and Vuex have been simplified with libraries like Pinia. But async state management takes the complexity to another level making it easy to create buggy UIs that are confusing for users. Libraries like Pinia Colada bring the simplicity and familiarity of Pinia and Vue to Async state management making it easy to create clean and maintainable async state management that empowers our UIs. During this talk we will improve an application by implementing Pinia Colada to a project and integrate with the Router to have flawless async state management. We will cover common user interactions and UI patterns and how to improve themri

Discover Vue Vapor, understand its principles, explore our latest progress, and learn how to contribute. Discover the existence of Vapor, a new model in Vue’s development, learn about the improvements of Vue Vapor and its advantages, explore the working principles of Vue Vapor, and open-source guidance: opportunities to participate in Vue Vapor development.

Vue.js is an incredible framework and matured quite well after more than 10 years of development. But like any tool - it’s not perfect. In this talk, we’ll explore the gaps and wish-list features that developers might find missing in Vue's core. And of course, this will go beyond the usual suspects that are on the list of upcoming features anyway. Where applicable, we’ll also look at how other frameworks solve these needs or problems, and how we might be able to bring those solutions to Vue. As a rather uncommon talk, this session is a mix of constructive critique, clever problem-solving, and inspiration for what’s possible when we work together to “Vue it ourselves."

Join me on a chilling journey through web security as we explore the most common vulnerabilities through the lens of horror movies. From the sinister injection flaws reminiscent of "Alien" to the terrifying specter of broken authentication akin to what "The Invisible Man" is capable of. But don't worry, we'll also shed light on solutions in web development, turning these security nightmares into tales of triumph. If you dare, join me and learn how to conquer the darkness invited by your web applications.

Through my blog posts about local-first development, I've seen growing interest in this new way of building web apps. I'll combine theoretical foundations with practical Vue implementations, showing how to move from traditional server-dependent apps to resilient local-first applications.

Join us for a live panel discussion on the transformative role of AI in Vue.js development. Explore how AI is shaping the future of frontend frameworks, enhancing workflows, and unlocking new possibilities for developers.

As the European Accessibility Act comes into law in summer 2025, more companies are making compliance with accessibility standards a priority. Making accessibility a standard part of your development process is not only great for your resume, it helps you avoid creating barriers in your software that would prevent people with disabilities from using it. When building with Vue, creating and maintaining accessible components can be a challenge. In this talk we'll look at what standards you need to be aware of, how to write accessibility-friendly end-to-end and component tests, and how to get and act on feedback from automated tooling.

Did you know that transforming your Vue 3D scenes with TresJS into cinematic masterpieces is easier than ever? In this session, we’ll dive into the power of TresJS's declarative postprocessing effects that can take your visuals from basic to breathtaking. Learn how to apply stunning effects like bloom, motion blur, color grading, pixelation, dot effects, and even glitches—all with minimal effort and maximum design control. Whether you’re aiming for sleek, stylized looks or edgy, dynamic visuals, this talk will show you how to use TresJS to create unique and eye-catching designs for your web apps.

In the ever-evolving landscape of web development, creating forms that are both accessible and high-quality is a challenge that developers frequently encounter. Formwerk, a library of headless composables for Vue.js, offers a compelling solution by providing a comprehensive set of tools that prioritize accessibility, internationalization, interaction, and validation without compromising on design flexibility. This talk will dive into the core features of Formwerk, highlighting its unique approach to balancing abstraction and control. Attendees will learn how Formwerk's composables can seamlessly integrate into their projects, allowing them to build form components that are not only functional but also delightful to use. We will explore the library's support for internationalization, server-side rendering, and its compatibility with popular validation libraries like Zod and Valibot.

Developers are increasingly coding alongside AI, using tools like Copilot and Cursor that not only accelerate their debugging but also enhance the quality of their code. In this session, we’ll demonstrate how you can leverage AI-powered tools like Windsurf to build a high-performance messaging system for a CRM in Vue.js, complete with advanced features, a rich-text editor for messaging customers, and seamless integration with the OpenAI API. This session is designed for developers eager to explore how coding alongside AI can optimize workflows, enhance development efficiency, and build scalable, feature-rich applications with state-of-the-art technologies.

JavaScript represents a bit part of page weight - and optimising for performance often requires trimming or optimising the bundle - albeit imperfectly. At the same time, bundlers have never been more important in full-stack JS frameworks. In this session we’ll be rethinking how bundlers can optimise JS, if we let go of some of our previous assumptions about what bundling means.