Vue.js Nation

Conference

Learn all about the brand new content that is coming with the new release of updated Vue 3 Docs, the process of rewriting the chapters and the implementation! Learn how to make your site extremely fast and performant!

Learn about the state of Vue School in 2022, the educational platform dedicated to Vue.js, and what they have in store for you this year!

Unit testing is hard. Unit testing Vue components is even harder. Learn good Unit testing practices developed over the years of Natalia's experience with Vue.js and improve your testing skills!

Accepting payments is a core component of starting any online business, whether you’re building a future unicorn or creating a side hustle as an indie hacker. Learn how to build a payments integration using Vue3, Stripe.js, and Express!

Meet Vitest, a blazing fast unit-test framework powered by Vite. Start running your tests FAST!

What we learned building our new Jamstack website. A brief melting pot of considerations and tips when building a real-world Vue.js + Nuxt website.

Learn how (to) easy master an app interface with CoreUI for Vue 3.

Let's discover Nitro and Nuxt 3. Server API, Typescript, Hybrid Static Rendering, Edge workers, and Multiplatform deployments are like a piece of cake! NitroPack project makes it possible to use Nitro for any framework or server!

The web community is making huge DX (Developer eXperience) efforts in tools, frameworks, and products to make creating a website an enjoyable experience. But... are you into the DX trend yet? Learn the keys that make a tool have best-in-class DX, how it’s achieved in the Vue community, and how it's done at Storyblok!

What began as a repository of common UI patterns that Austin was copying and pasting from project to project would eventually be published with the hopes of making the web more accessible, without compromising on performance or bespoke styles. It took years of research, trial-and-error, and hours coming up with a name clever enough to capture the hearts of developers. Today, Vuetensils provides a collection of naked UI components built with the markup and functionality you want. All you need to do is bring your own styles.

Learn how Quasar can send your productivity into the stratosphere, why Quasar is truly special and more about "App Extensions", Quasar's most underrated feature and your new best friend!

Vite has revolutionized the Vue.js development experience with it's lightning fast server starts and HMR. It's the definite first pick for starting up any new project. But what about your existing projects that use Vue CLI? Vue CLI projects can be migrated to use Vite to capitalize on that awesome developer experience. Learn the steps to get it done!

Learn a new concept to start your developing process - advanced XState for complex State Management in Vue.js applications, and start building complex architecture!

Cypress completely reimagined the developer experience of testing components. It is set to bring Cypress workflow and API that developers have come to love for E2E testing to component testing. In doing so, the Cypress team overcame many of the common pain-points that exist within status quo tooling and have created the ultimate testing tool for component-driven development. Catch an early preview of the next generation of component testing!

Handling forms in Vue.js takes a whole new shape with the composition API, allowing seamless integration between libraries and components. Learn how to use vee-validate's Composition API to craft exceptional form experiences for your users!

With physical stores closed by the pandemic, Universal Standard, the world’s most size inclusive fashion brand, migrated to a headless Shopify storefront with Nuxt.js, running on Layer0. Tune in to hear the key lessons learned from building a high performing eCommerce website that resulted in a 200% increase in mobile conversation rate. You’ll discover tips for a seamless migration and proven techniques for server-side rendering (SSR), caching, performance optimization, and deployments with an emphasis on developer experience. As a BONUS: Access NuxtShop, an open source starter kit for developing headless eCommerce on Shopify with Vue 3, Nuxt 3, Apollo, Tailwind 3, and Pinia.

Take a tour at the nevest version of the Nuxt.js framework and witness buidling a Nuxt 3 application from the ground up LIVE - learning more about the current (and future) state of Nuxt 3 along the way!

LIVE Q&A

Solving your front-end performance problems can be hard, but identifying where you have performance problems in the first place can be even harder. Dive deep into UX research, browser performance APIs, and developer tools that will show you the reasons why your Vue applications may be slow and get answers to frequently asked questions like: "What does it mean to have a fast website?" and "How do I know if my performance problem is really a problem?".

When we think about Vuex, Pinia, or stores in general we often think about state management and the Flux patterns but not only do stores not always follow the Flux pattern, there is so much more about stores that make them worth using! Plugins, devtools, server side rendering, TypeScript integrations, and more! Dive into everything beyond state management with Pinia with practical examples about plugins and devtools to get the most out of your stores.

If you're building a project and you want it to be successful you need to act as a developer, marketer, community manager and sometimes business owner at the same time! Sounds hard? Tune into a live session where you will learn all the necessary steps in building successful Open Source products from the ground up - from community building to monetization. Filip will share the extensive knowledge he gained in hopes of creating a more sustainable and open web!