Register for the Nuxt Nation Conference
Nuxt Nation Conference
 Schedule  Our two days, single track lineup will feature live and interactive talks from the Nuxt creator, Nuxt industry leaders, contributors, and experts.  Time expressed in your local timezone (UTC) 02:10 PMJenn JunodWelcome to Nuxt Nation 2024!Intro02:20 PMAlex KyriakidisWe Are Growing: Vue School Crowdfunding Announcement ✨Organizer's Keynote02:45 PMPooya ParsaDaniel RoeAlexander LichterSébastien ChopinNuxt Core Team LIVE Panel: The Future of NuxtJoin us for the Nuxt Core Team Live Panel on Day 1. This 45-minute session featuring Sébastien Chopin, Pooya Parsa, Daniel Roe, and Alex Lichter will delve into the future of Nuxt. Learn about the latest developments, exciting features, and the roadmap ahead.03:40 PM03:50 PMAnthony FuJourney to Nuxt IconIntroductions of various Icon solutions with their Pros and Cons. And how we take the lessons we learned and make the refreshed Nuxt Icon v1.004:15 PMMostafa SaidRank Higher & Faster: Unlock Nuxt.js SEO Power!Talk04:45 PMEduardo San Martin MoroteRefreshing Data Fetching in NuxtLet’s dig into data fetching together! I’ll be live-coding a migration in the atidone repo, showing how to automate data fetching in a declarative approach and then make the UX smooth with slow internet. We’ll cover things like cache invalidation and optimistic updates to keep data fresh without the usual hassle with Pinia Colada. If you’re looking for practical ways to streamline data flow in your app, this session should give you some useful tools and ideas.05:15 PMMichael ThiessenNuxt Server Components Crash CourseServer components in Nuxt let you have fine-grained control over where components are rendered — either on the server or on the client. In this talk, you’ll get up-to-speed quickly with all the ins and outs of using server components in your applications.05:40 PM06:15 PMVadim SmirnovBoost Your Workflow: Simplifying Rich Text Editor Setup with the CKEditor BuilderDiscover how to integrate CKEditor into your Nuxt.js projects using the CKEditor Builder. In this talk, we'll tackle the challenges of manual editor setups and demonstrate how the CKEditor Builder simplifies the process for developers.  Learn about customizable presets, toolbar configurations, and seamless integration tailored for Nuxt.js. Whether you're a beginner or a seasoned developer, this session will show you how to enhance productivity, save time, and optimize content creation in your Nuxt.js applications.06:35 PMThorsten SeyschabPlaying with Nuxt in 3DEver wondered how to bring interactive 3D experiences to webshops, or even create a mini-game, using NuxtJS? Discover the versatility of NuxtJS paired with WebGL to create immersive web-based applications. This talk showcases the technical depths of the WebGL Render API and its powerful wrapper libraries ThreeJS and TresJS, to unlock the third dimension in the browser.  Aimed at beginners and enthusiasts interested in web-based 3D development, this talk navigates through the challenges, limitations, and potential of these technologies. You will gain insights drawn from real-world projects, including a sneak peek into a mini-game concept. Walk away with a comprehensive understanding of how to integrate these tools into various applications, from eCommerce to gaming.06:50 PM07:00 PMLucie HabererCan Nuxt Make Great Mobile Apps?Have you ever thought about building mobile apps using Nuxt? Join Lucie as she shares her journey developing a stunning camera app with Nuxt, demonstrating how our favorite JavaScript framework can compete with native code and integrate deeply with hardware. During this talk you’ll discover how developing mobile applications with Nuxt can be a breeze, allowing you to leverage your Vue.js skills to create smooth and performant mobile applications.  During this talk, the audience will learn what are the key foundations of the ecosystem that allow us to write JavaScript code to create mobile applications, and how Nuxt has a deep integration with them allowing for a smooth developer experience. They will also learn more about common issues they might face while building apps and how to solve them. Overall, the goal of this talk is to make the audience more aware of what they can build with their existing knowledge of Vue.js and Nuxt and why they might be a great choice for their next mobile application.07:25 PMDan PastoriNuxt Content: The ultimate tool for blogging and documentationDiscussion Points: Installing Nuxt Content in an existing project vs by itself ; How we use Nuxt Content at Server Side Up ; What is document driven mode and how it can make your life easier ; When to consider document driven mode ; How to add custom components within document driven mode ; Customizing front matter and how to query ; Structuring your install and highlighting the major components that are used within Nuxt Content (<ContentDoc>, <ContentList>, etc.) ; Deploying your instance (SPA vs SSR)07:50 PMDaniel RoeMagically Optimising your fontsThis talk explores web font optimisation challenges and solutions, covering the impact of web fonts on Core Web Vitals and common implementation approaches. I introduce two new open source tools, fontaine and unifont, as well as demonstrating how we're able to build on top of them with Nuxt Fonts to create a streamlined, privacy-focused approach to web font implementation, concluding with a live demo.08:30 PMHarlan WiltonAn introduction to Nuxt ScriptsViewers will learn about the origin of Nuxt Script, what problems it sets out to solve, how it solves them and a basic guide on using it.08:55 PMJenn Junod02:10 PMJenn JunodWelcome to Nuxt Nation 2024!Intro02:20 PMEvan YouLIVE Panel: Journey Into VoidZeroAt Nuxt Nation, Evan You is taking the stage for a 45-minute Q&A into VoidZero - the next evolution in JavaScript tooling.03:15 PMSébastien ChopinAuthentication in NuxtLet's explore how to handle authentication in a Nuxt application.03:40 PM03:50 PMAlexander LichterNuxt, Nitro and h3 in Practice - Unleash the Full Stack BeastNuxt, Nitro and h3 are trifecta already - even if you don't use the "server" part in your application you benefit from SSR capabilities, routeRules and universal deployments thanks to the underlying libraries. Now just imagine if you *would* use the server part 🤯  In this talk, I'll showcase various patterns and use cases to get the most out of the full-stack framework you already love. No matter if you are a Nuxt veteran or just checked it out, there will be some helpful information in there for you!04:15 PMSigrid HuemerThe Journey of Building the Sentry Nuxt SDKCreating tools like the Sentry Nuxt SDK involves balancing technical complexity with ease of use. In this talk, we’ll explore the process of building an SDK for error and performance monitoring in Nuxt applications. We’ll dive into the challenges encountered during development—covering errors, performance, and API design—and how they were solved. By the end, you’ll not only know how to set up and leverage the SDK, but also understand the key strategies for building SDKs that are robust and developer-friendly.04:40 PMBenjamin CanacThe Future of Nuxt UILearn how Nuxt UI v3 has been rebuilt from the ground up to create a more powerful and flexible UI development experience. Discover why Nuxt UI is becoming the go-to solution for building modern applications with its TypeScript-first architecture, integration of Radix Vue, Tailwind CSS v4's CSS-first approach and standalone Vue support.05:00 PMAhad BirangThe State of Nuxt ContentIntroduction to the new features in Nuxt Content, along with insights into future developments. From fully typed content collections to the ability to deploy large-scale websites at the edge, discover what lies ahead.05:30 PM06:00 PMEstéban SoubiranYou've dreamed it? Create full-stack apps with Nuxt!Since the launch of Nuxt 3, the slogan has been, "Create [...] full-stack web apps." But what does that mean in 2024? What new capabilities does it unlock?  Let’s dive into the server-side of Nuxt—especially with NuxtHub, but there’s more!06:15 PMJulien HuangHow to contribute to NuxtThis talk will show how Nuxt is written and how beginners can contribute to the core repository of Nuxt. It will also be a summary of what people should know when contributing to open source.06:30 PMPooya Parsa07:00 PM07:10 PMFilip RakowskiEfficient multisite setup with Nuxt LayersMany large applications have to deal with the challenge of multisite setups. These kinds of sites differentiate on many levels: geographies with different languages, currencies, dependencies, and often features, different APIs being used depending on geography or sub-brand, and sometimes even different designs. I’ve seen many setups where developers decide to just build a separate application for each geography or brand, which leads to a lot of code duplication and increased maintenance effort. There is a better way to solve this problem!  From this talk, you will learn how to build an effective setup that handles multi-geo, multibrand, and multivendor setups that leverages Nuxt.js features in a way that allows for abstracting of underlying APIs and reusing as much of the code across different sub-applications as possible.07:40 PMBen HongGet Your Head Out of the Cloud — Embracing Local-First Apps with NuxtHave you ever tried to use an app only to find it useless without a solid internet connection? You're not alone. While the cloud has its perks, apps often neglect the power of the device we hold in our hands. Discover the growing shift from cloud-centric to local-first architecture so you can build more resilient web apps with Nuxt — internet connection not required.08:10 PMJenn Junod