VUEISLOVEVUEISLIFE 
Vue.js Nation Conference
24-25th January 2024
Submit your email address for conference updates, event information and exciting news.
Brought to you by
The biggest and only 100% FREE Vue.js conference in the world
We take pride in once again delivering quality, accessible education to the global community.
Made possible with the backing of our amazing sponsors, Vue School supporters and community contributors ❤️
100%
Free
150
Countries
20+
Talks
2
Live Panels
20,000
Attendees
Watch The Replay
Vue.js Nation Speakers
Meet our community experts for the upcoming online event!
Master of Ceremony
Master of Ceremony
Master of Ceremony
Fredrik Danielsson
Product Manager TinyMCE
Master of Ceremony
Olivier Poupeney
Head of Developer Relations Orkes.io
Vue.js Nation 2025
call for papers is open
The conference will take place on 24-25th January 2024
We welcome everyone - from beginners to pros!
We are looking for extraordinary and talented speakers from different backgrounds:
Open source contributors,
Company leaders,
Developer beginners, and
Other Vue.js enthusiasts eager to share their knowledge with the community.
Check out the Schedule
Our one day, single track lineup of industry leaders and developer experts covering topics from across the app development ecosustem.
Time expressed in your local timezone (UTC)
Intro
Jenn JunodIntroduction to the Event
State of Vue School 2024
Alex KyriakidisPeak into the exciting plans for Vue School in the coming year!
QnA with the Creator of Vue.js
Evan YouEager to hear about the state of Vue.js and Vite in 2024? Ask Evan your questions LIVE!
BREAK
Pinia Disasterclass
Eduardo San Martin MorotePinia, the official state management solution for Vue 3, just reached 4 years old 🎉 which means we had enough time to see it in action, to see it succeed but also fail. In this example-driven talk, we will discuss some of the bad practices I've seen in Pinia as well as the good ones that should have been used instead.
Vue Fortified: Best Practices for Web App Security
Ramona SchweringIn today's world, it's crucial to prioritize the security of your application. All the data stored in it should be kept safe and protected, just like the inhabitants of a fortress that rely on high walls for their defense. However, history and movies have shown that even the strongest walls can't withstand an attack if there are weak points that can be exploited. This is also true for VueJS applications.
5 Patterns for Better Components
Michael ThiessenHow do you write a good component? It’s a question that comes up again and again once you’ve mastered the basics of Vue. In this talk we’ll explore several different patterns for writing better components. We’ll look at techniques for simplifying our components, making them easier to understand, and getting more out of the components we’ve already got.
LUNCH BREAK
Open Source eCommerce with Nuxt and Vue Storefront
Filip RakowskiDuring the talk you will learn the headless architecture on practical examples and performance best practices that will make your storefront fast even when it grows over time!
Exploring TinyMCE: From Open Source to a ChatGPT AI Assistant with Vue Integration
Fredrik DanielssonLet's Build: Crafting a Nuxt 3 App from Scratch
Daniel RoeThis talk will guide you through creating a Nuxt 3 application live, from the basics to its advanced features. You'll gain practical skills and insights to leverage Nuxt 3 for efficient, scalable web development. Perfect for both newcomers and seasoned developers, this session is a practical journey into building powerful web applications with Nuxt 3.
Scalable Forms in Vue
Justin SchroederDiscover the art of creating scalable forms in Vue using FormKit — ideal for teams with complex form-heavy projects. This talk delves into strategies for decomposing forms into smaller, composable components, simplifying development, and enhancing team efficiency.
BREAK
Accelerating frontend development with stateful BFFs
Olivier PoupeneyQuasar - One Code Base, All The Platforms!
Luke DieboldIt's ludicrous how easy it is to build a Quasar app on any platform! In this talk, we'll build a simple app with Quasar, and export it as an spa, pwa, desktop app, mobile app and last but not least... A chrome app extension!!!
Outro
Jenn JunodSee you at Day 2!
Intro
Jenn JunodIntroduction to the Event and Recap of Day 1
QnA Live with the Vue Core Team
Guillaume ChauEduardo San Martin MoroteVue Core Team Panel featuring Guillaume Chau and Eduardo San Martin Morote answering your questions LIVE!
Building Component with Primitives using Radix Vue
Kong Eu ZernIntroducing Radix Vue - unstyled, accessible components for building your desired components. (It's heavily inspired by Radix UI). Radix Vue offers primitive components that offers super-high flexibility in building components.
BREAK
Blueprint 2024: A Vuetify Roadmap
John LeiderIn this presentation, I plan to outline the strategic direction for Vuetify in the upcoming year. The audience can expect insights into our development priorities, upcoming features, and enhancements aimed at improving user experience and expanding the capabilities of Vuetify. I'll dive into how these updates align with the evolving landscape of web development and the specific needs of our user community.
We may not need component (unit) testing
Maya ShavinUnit testings are mandatory and the foundation for building a good testing system for our project. But for front end projects which involve components, how many unit tests are considered efficient and not overkill? Should we use additional libraries like Testing Library or Vue Test Utils with Vitest to test a component, when we can perform the same with just Playwright? Let's find out in my talk.
How to create 3D experiences using Vue with TresJS
Alvaro SaburidoIn this talk, we will discover how the Tres ecosystem reduces the gap between Vue developers and the scary world of WebGL meanwhile enhancing the developer experience of working with 3D on the browser while enjoying your favorite framework. Then we are going to build a small 3D scene live. This talk is open to everybody, from complete beginners to experienced developers.
LUNCH BREAK
PrimeVue | The Next-Gen UI Component Library
Cagatay CiviciPrimeVue is a popular UI Component library for Vue 3 featuring over 80 components. In this talk, we’ll dive into the feature set to cover the mighty unstyled mode, pass-through properties, theming, icons, blocks, and templates.
Collaboration + Creativity with CKEditor 5's Advanced Features and GPT powered AI Assistant
Mrinalini SugoshUnlocking Reusability with Generically Typed Vue.js Components
Abdelrahman AwadTired of type errors causing havoc in your Vue.js because of your component types? In this session, we'll dive straight into practical solutions, teaching you how to harness TypeScript to confidently build components that stand up to common challenges. We'll walk through the creation of Vue.js components with generic types, emphasizing improved Developer Experience (DX) and airtight type safety. Plus, we'll showcase the implementation of generic types in Input components.
Common Mistakes in Vue.js and How to Avoid Them
Daniel KellyBuilding apps with Vue is a delight, but there are some common gotchas you should look out for! In this talk, let’s take a look at some common mistakes that lead to bugs, wasted time, and frustration for Vue.js developers. Topics include: they v-for key attribute, replacing reactive state, failing to clean up event listeners, and more! Many of the mistakes you’ve probably been guilty of yourself (I know I have!). Learn strategies for making the same mistake twice or learn from my own mistakes and the mistakes of others from the community.
BREAK
Migrating Your Nuxt/Vue App to TypeScript
Millan SinghRecently discovered the value of TypeScript? Working with a legacy Vue app that's not using it yet? In this talk, I'll walk through my process for migrating my Nuxt 2 app to TypeScript.
Prevent, Catch and Fix Accessibility Issues
Maria LamardoLearn more about accessibility in web apps, including how to catch accessibility issues in your applications and fix them asap!
Outro
Jenn JunodSee you next year!
Program Committee
Our Sponsors
The amazing companies who's support makes amazing events like this freely available to you.
Platinum
Gold
Silver
Community Partners
Previous Sponsors
Join the Vue.js Nation Community
Stay up to date with the Vue.js Nation news, speaker & topic announcements, project updates, and watch previous talks by joining our community.
PREVIOUS EVENTS
PREVIOUS EDITIONS