Workshops

This hands-on workshop takes your Vue 3 expertise to the next level by diving into Web Extensions. We'll leverage the powerful Vitesse Web Ext template to craft an extension that seamlessly interacts with the pages you visit and injects dynamic content sourced from a Headless CMS. <p><strong>Workshop Structure</strong></p><ul><li>Introduction to Web Extensions and Manifest v3</li><li>Setting up Vitesse Web Ext template</li><li>Building a basic Web Extension (popup & background script)</li><li>Content Script injection & DOM manipulation</li><li>Integrating with a Headless CMS (using a popular API)</li><li>Deployment and distribution strategies</li></ul>

The Workshop on Tres.js covers various aspects of creating 3D scenes using Vue components. It includes exercises on setting up the environment, using cameras and adding objects, animating objects, applying textures and materials, using lights and handling events, and loading and rendering 3D models. The workshop also discusses future plans for the Nuxt module and the Tres.js ecosystem. Participants can learn about creating realistic scenes, manipulating objects, and enhancing the visual appearance of their 3D scenes.

In this workshop by the team lead of Nuxt, you'll learn everything you need to become a Nuxt expert, building on the latest developments in the last year. We'll cover the choices you would make in architecting a new app, working with business constraints and justifying your choices to a bigger audience. We'll cover all the different features of Nuxt - from its integrations with Vue, Nitro, TypeScript, Vite and more, through to deployment as part of a full-stack application. To ensure you gain real proficiency with Nuxt, we'll build an app and a Nuxt module across the course of the day. The app will give an opportunity to become familiar with the many features Nuxt offers, and we'll really deploy it live to one of several serverless platforms - your choice! As we craft the module, we'll zoom into the internals of Nuxt and explore how to customize it for exactly your needs and use cases - even if Nuxt doesn't support them out-of-the-box. Come prepared to have fun and dive deep quickly. Whether you have prior experience with Nuxt or are starting from scratch, you'll learn tips, tricks and more to level-up your development!

This workshop might just blow your mind! I'm going to show you how to prototype an app for potential clients, that uses THEIR computer as the backend! We'll be using GORGEOUS composables that have features like pagination, including related data, filters, loading state and much much more! <br/ > By the end of this workshop, you'll be able to meet a potential client in the morning, plan a prototype during the day, and have something they can demo before your head hits the pillow.

Pinia is a state management solution for Vue.js applications that’s easy and intuitive to use. It’s modular by default, extensible, and type-safe, making it a great choice for large scale apps.In this workshop, learn how to use Pinia for global state management.

For a long time, I wondered how to test SSR applications (Nuxt, Next.js, Laravel, etc.) that talk to HTTP APIs (e.g., microservices). How can I test the whole application in isolation when I can't mock the API requests to the microservices? I was at a loss until I learned about Contract Testing with Specmatic. In this workshop, I'll teach you what I found out. After the workshop, you'll: <ul><li>know why you can mock network requests when testing SPAs, use database seeding when testing traditional monolithic applications, and utilize a stub server to test microservices-powered applications;</li><li>know the basics about OpenAPI specifications, contract testing with Specmatic, and how to use those tools to run a stub server to test a Nuxt application;</li><li>be able to write tests with Playwright, not mocking any requests between the frontend and backend parts of your Nuxt application.</li></ul>During the workshop, we'll set up a Nuxt project and apply TDD principles to build a simple application. The application will communicate with a microservice to get its data. We'll do this, starting with an API first approach, creating an OpenAPI specification, and using contract testing to ensure our microservice does what it is supposed to do. Then, we can use the OpenAPI specification to run a stub server with Specmatic to power our Playwright tests.