WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
JavaScript Congress • Nov 25, 2021

Modern Web Development with Nuxt3

Alexander Lichter

Is complex boilerplate slowing down your Vue projects? Nuxt 3 completely revamps web development with Vite, file-system routing, and a serverless Nitro engine for lightning-fast deployments.

Pause
Mute Enter Fullscreen
#1 about 3 min

Introduction to modern web development with Nuxt two

Nuxt acts as an intuitive framework built upon Vue to simplify the overall modern web development stack.

#2 about 4 min

Core architectural reasons for migrating to Nuxt three

Upgrading dependencies and incorporating tooling like Vite addresses internal constraints to better support edge computing deployments.

#3 about 4 min

Built-in functionality and default configuration in Nuxt three

Establishing standardized default behaviors removes complex configuration barriers by providing sensible baselines out of the box.

#4 about 4 min

Exploring folder structures and file system based routing

Adopting a standardized directory structure enables automatic mapping of views into fully functional routing logic dynamically.

#5 about 4 min

Default performance optimizations and smart prefetching content strategies

Features like native code splitting and dynamic cache busting operate transparently to dramatically increase application load speeds.

#6 about 6 min

Rendering options including dynamic server rendering and generation

Supporting varied output strategies empowers applications to leverage single-page, fully dynamic server, or statically generated HTML layouts.

#7 about 3 min

Leveraging the modular ecosystem for third party integrations

Utilizing a built-in module system enables seamless implementation of external libraries and complex plugins without customized legacy logic.

#8 about 4 min

Developer experience enhancements, auto imports, and community support

Native automated importing functions and comprehensive core type definitions accelerate workflows while reducing the need for explicit component declarations.

#9 about 14 min

Practical demonstration of application initialization and data fetching

A practical walkthrough illustrates starting a new repository, implementing URL parameters, and handling hydration while fetching endpoint data.

#10 about 2 min

Question and answer regarding build tools and environments

Vite operates effectively across both local development environments and full production environments depending on underlying project configuration choices.

Matching moments

1:45 min

Implementing server-rendered Vue apps using the Nuxt framework

Marius Obert Marius Obert · World Congress 2022

4:05 min

Core features of the Nuxt meta-framework for Vue

Chris Heilmann +2 · LIVE

1:27 min

Summary of modern Next.js web development toolchains

Marius Obert Marius Obert · World Congress 2023

1:28 min

Introduction to the speaker and frontend projects

Abdelrahman Awad Abdelrahman Awad · World Congress 2025

5:04 min

Reimagining modern web application servers with the Nitro engine

Daniel Roe · JS Congress

3:47 min

Modernizing legacy architecture and framework migration challenges

Mauricio Frias Mauricio Frias

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

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

How Your Bundle Size Affects The Climate thumbnail
53:16
almost 5 years ago

How Your Bundle Size Affects The Climate

Roy Derks

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 24, 2026 · 12:50–13:20

Stage 7

Architecting Agentic Apps: WebMCP, A2UI, and Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

September 24, 2026 · 17:30–18:00

Stage 7

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
Open session

World Congress 2026 North America

September 25, 2026 · 11:00–11:30

Stage 7

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer at Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

September 25, 2026 · 16:10–16:40

Stage 4

Speed up your CI/CD pipelines by caching build & runtime artifacts

Thijs Feryn

Technical Evangelist at Varnish Software

Thijs Feryn
Open session

World Congress 2026 North America

September 25, 2026 · 09:40–10:10

Stage 3

Still on 4.8 or lower? A Practical Guide to Moving Your "Un-Migratable" .NET Apps

Isaac Levin

Developer Advocate

Isaac Levin
Open session

World Congress 2026 North America

September 24, 2026 · 16:00–18:00

Stage 10

Reprompting the Wheel? Why AI Won’t Save Your Content Platform

Benni Mack

TYPO3 CMS Project Lead at TYPO3

Benni Mack

Related videos

Building Better with Nuxt 3 thumbnail
41:22
JS Congress • almost 5 years ago

Building Better with Nuxt 3

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

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

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

Next, Nest, Nuxt… Nust?

Marius Obert

TresJS a new declarative ThreeJS as Vue components thumbnail
59:15
LIVE • over 3 years ago

TresJS a new declarative ThreeJS as Vue components

Alvaro Saburido

petite-vue - Progressively enhancing every application? thumbnail
44:40
LIVE • over 3 years ago

petite-vue - Progressively enhancing every application?

Alexander Lichter

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.