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

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
Open session

World Congress 2026 North America

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

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

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

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

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 • about 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.