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 Β· WWC 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 Β· WWC 2023

1:28 min

Introduction to the speaker and frontend projects

Abdelrahman Awad Abdelrahman Awad Β· WWC 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
over 4 years ago

The Eternal Sunshine of the Zero Build Pipeline

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

Teini - an extremely small webshop leveraging awesome and free tech

Christian K

Native Web Apps: Are We There Yet? thumbnail
44:40
over 4 years ago

Native Web Apps: Are We There Yet?

Maxim Salnikov

Making neural networks portable with ONNX thumbnail
54:49
over 4 years ago

Making neural networks portable with ONNX

Ron Dagdag

JavaScript the Grumpy Parts thumbnail
46:08
over 4 years ago

JavaScript the Grumpy Parts

Rob Richardson

How Your Bundle Size Affects The Climate thumbnail
53:16
over 4 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

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
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

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky

Related videos

Building Better with Nuxt 3 thumbnail
41:22
JS Congress β€’ over 4 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
WWC 2023 β€’ almost 3 years ago

Building for the Edge - Crafting a Next-Gen Framework

Daniel Roe

Next, Nest, Nuxt… Nust? thumbnail
26:30
WWC 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.