Daniel Roe

Building Better with Nuxt 3

What if your serverless app had a 100x faster cold start? Discover how Nuxt 3's new server engine makes it not just possible, but simple.

Building Better with Nuxt 3
#1about 2 minutes

Balancing creativity and constraint in developer tooling

Developer productivity is maximized when tooling removes constraints like configuration overhead, allowing for more creative problem-solving.

#2about 4 minutes

Learning from Nuxt 2 to define Nuxt 3 goals

Nuxt 2's success with conventions like file-based routing and a module ecosystem informed the four key goals for Nuxt 3's evolution.

#3about 3 minutes

Using a configuration schema for better documentation

Nuxt 3 uses a configuration schema with inline JSDoc to automatically generate type definitions, markdown docs, and rich editor autocompletion.

#4about 6 minutes

How automatic component imports speed up development

Components placed in the `components` directory are automatically available throughout the application, complete with type-safe prop checking in the editor.

#5about 6 minutes

Auto-registering plugins and composable functions

Nuxt 3 automatically registers plugins and imports exported functions from the `composables` directory, making them globally available without manual setup.

#6about 5 minutes

Introducing the high-performance Nitro server engine

Nitro is a minimal, fast server engine designed for low cold-start times, cross-platform deployment, and optimized bundle sizes using code-splitting.

#7about 4 minutes

Building type-safe APIs with Nitro and useFetch

Create server API routes that are automatically typed, allowing the `useFetch` composable to provide end-to-end type safety from the backend to the frontend.

#8about 4 minutes

Building and analyzing the optimized Nuxt 3 output

The build process creates a minimal, self-contained server output with code-splitting that dynamically loads only the necessary chunks for each request.

#9about 6 minutes

Q&A on bugs, testing, and production readiness

The team discusses handling bugs during the beta, ESM compatibility, the roadmap for component testing, and how to manage environment variables for deployment.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

Navigating the growing complexity of modern CSS
09:00 MIN

Navigating the growing complexity of modern CSS

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Why you might not need JavaScript for everything
02:33 MIN

Why you might not need JavaScript for everything

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Exploring modern JavaScript performance and new CSS features
08:07 MIN

Exploring modern JavaScript performance and new CSS features

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

The value of progressive enhancement and semantic HTML
03:31 MIN

The value of progressive enhancement and semantic HTML

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

The only frontend stack that truly matters
11:10 MIN

The only frontend stack that truly matters

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

The industry's focus on frameworks over web fundamentals
11:32 MIN

The industry's focus on frameworks over web fundamentals

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Improving the developer feedback loop with specialized tools
03:16 MIN

Improving the developer feedback loop with specialized tools

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

The challenge of keeping up with modern CSS
07:46 MIN

The challenge of keeping up with modern CSS

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

Featured Partners

Related Videos

See all videos
Modern Web Development with Nuxt341:43

Modern Web Development with Nuxt3

Alexander Lichter

Nuxt.js - Just Vue 3 and a bit of magic?26:32

Nuxt.js - Just Vue 3 and a bit of magic?

Alexander Lichter

Building for the Edge - Crafting a Next-Gen Framework43:41

Building for the Edge - Crafting a Next-Gen Framework

Daniel Roe

Fast & Furious - Going headless with Nuxt.js!42:21

Fast & Furious - Going headless with Nuxt.js!

Samuel Snopko

WeAreDevelopers LIVE - Whats Nuxt and Next for app development, 20 years AJAX and more1:03:53

WeAreDevelopers LIVE - Whats Nuxt and Next for app development, 20 years AJAX and more

Chris Heilmann & Daniel Cranney & Alexander Lichter

TresJS a new declarative ThreeJS as Vue components59:15

TresJS a new declarative ThreeJS as Vue components

Alvaro Saburido

Vue3 practical development44:11

Vue3 practical development

Mikhail Kuznetcov

Under The Hood of Vue 3 Reactivity49:00

Under The Hood of Vue 3 Reactivity

Marc Backes

Related Articles

View all articles
BR
Benjamin Ruschin
The HTML Elements That You’re Probably Over-Engineering
As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that come with using state management in React, Vue and o...
The HTML Elements That You’re Probably Over-Engineering
DC
Daniel Cranney
Exploring TypeScript: Benefits for Large-Scale JavaScript Projects
JavaScript is the backbone of web development, powering everything from small websites to large-scale enterprise applications. However, as projects grow in complexity, maintaining JavaScript code can become increasingly difficult. This is where TypeS...
Exploring TypeScript: Benefits for Large-Scale JavaScript Projects
DC
Daniel Cranney
Dev Digest 159: AI Pipelines, 10x Faster TypeScript, How to Interview
Inside last week’s Dev Digest 159 . 🤖 How to use LLMs to help you write code ⚡ How much electricity does AI need? 🔒 Is your API secure? Learn all about hardening it… 🟦 TypeScript switches to go and gets 10 times faster 🖼️ An image cropper in your ap...
Dev Digest 159: AI Pipelines, 10x Faster TypeScript, How to Interview

From learning to earning

Jobs that call for the skills explored in this talk.