JavaScript Congress • Nov 25, 2021

Building Better with Nuxt 3

Daniel Roe

Supercharge developer productivity with zero boilerplate and millisecond cold starts. Nuxt 3 delivers an auto-everything, edge-ready architecture built to maximize flow.

Pause
Mute Enter Fullscreen
#1 about 3 min

Understanding the foundational goals of the framework update

Prioritizing the developer perspective drives the goals and architectural decisions for the updated progressive framework.

#2 about 3 min

Optimizing developer flow state and removing tooling constraints

Enhancing developer productivity focuses on reducing tooling configuration and maximizing coding creativity.

#3 about 4 min

Transitioning progressive framework features to the newer version

A review of automated features like server-side rendering provides context for the latest architectural improvements.

#4 about 4 min

Generating automatic documentation from strongly typed configuration schemas

Building typed schemas over configuration files automatically generates documentation and inline type hints without manual updates.

#5 about 12 min

Using automatic imports for components, plugins, and helper functions

Automatic framework imports reduce boilerplate code from component registration, typing, and globally injected plugins.

#6 about 6 min

Reimagining modern web application servers with the Nitro engine

An integrated server component enables minimal cold starts, isomorphic execution, and seamless edge function deployments.

#7 about 7 min

Developing server endpoints and dynamically reducing deployment bundle sizes

Defining custom server routes alongside isomorphic fetch requests reduces network overhead and shrinks deployment bundles.

#8 about 2 min

Releasing the public beta and upcoming standalone server features

Community involvement shapes upcoming roadmap enhancements like caching rules and standalone server packages.

#9 about 6 min

Addressing production environments, module tests, and ecosystem compatibility

Resolving early adoption hurdles involves addressing ESM support, component testing roadmaps, and providing runtime environment variables.

Matching moments

2:32 min

Introduction to Nuxt 3 and its core framework capabilities

Alexander Lichter · World Congress 2023

3:36 min

Core architectural reasons for migrating to Nuxt three

Alexander Lichter · JS Congress

4:05 min

Core features of the Nuxt meta-framework for Vue

Chris Heilmann Chris Heilmann +2 · LIVE

1:45 min

Implementing server-rendered Vue apps using the Nuxt framework

Marius Obert Marius Obert · World Congress 2022

2:32 min

Introduction to modern web development with Nuxt two

Alexander Lichter · JS Congress

1:27 min

Summary of modern Next.js web development toolchains

Marius Obert Marius Obert · World Congress 2023