WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
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

More from JavaScript Congress

The Eternal Sunshine of the Zero Build Pipeline thumbnail
50:10
almost 5 years ago

The Eternal Sunshine of the Zero Build Pipeline

Teini - an extremely small webshop leveraging awesome and free tech thumbnail
40:45
almost 5 years ago

Teini - an extremely small webshop leveraging awesome and free tech

Christian K

Native Web Apps: Are We There Yet? thumbnail
44:40
almost 5 years ago

Native Web Apps: Are We There Yet?

Maxim Salnikov

Modern Web Development with Nuxt3 thumbnail
41:43
almost 5 years ago

Modern Web Development with Nuxt3

Alexander Lichter

Making neural networks portable with ONNX thumbnail
54:49
almost 5 years ago

Making neural networks portable with ONNX

Ron Dagdag

JavaScript the Grumpy Parts thumbnail
46:08
almost 5 years ago

JavaScript the Grumpy Parts

Rob Richardson

Upcoming sessions on this topic

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

Supply Chain Security for the Everyday Engineer

  • Pradumna Saraf

    Kestra Technologies

    Quality Assurance Engineer

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Open session

How We Cut Our API's p99 Latency from Minutes to Under a Second

  • Deepak Agrawal

    Atlassian

    Principal Software Engineer

Related videos

Modern Web Development with Nuxt3 thumbnail
41:43
JS Congress • almost 5 years ago

Modern Web Development with Nuxt3

Alexander Lichter

Nuxt.js - Just Vue 3 and a bit of magic? thumbnail
26:32
World Congress 2023 • almost 3 years ago

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

Alexander Lichter

Building for the Edge - Crafting a Next-Gen Framework thumbnail
43:41
World Congress 2023 • about 3 years ago

Building for the Edge - Crafting a Next-Gen Framework

Daniel Roe

WeAreDevelopers LIVE - Whats Nuxt and Next for app development, 20 years AJAX and more thumbnail
1:03:53
LIVE • over 1 year ago

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

Chris Heilmann, Daniel Cranney, Alexander Lichter

Next, Nest, Nuxt… Nust? thumbnail
26:30
World Congress 2022 • over 4 years ago

Next, Nest, Nuxt… Nust?

Marius Obert

Fast & Furious - Going headless with Nuxt.js! thumbnail
42:21
JS Congress • almost 5 years ago

Fast & Furious - Going headless with Nuxt.js!

Samuel Snopko

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.