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

2:32 min

Introduction to Nuxt 3 and its core framework capabilities

Alexander Lichter · World Congress 2023

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

1:48 min

Reviewing built-in framework features and Vite migration advice

Alexander Lichter · 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

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

Related videos

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

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.