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.

#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.