WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2023 • Nov 10, 2023

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

Alexander Lichter

Think Nuxt 3 is just Vue with a bit of magic? Discover how its integrated Nitro engine and Vite ecosystem transform enterprise-grade, full-stack development.

Pause
Mute Enter Fullscreen
#1 about 3 min

Introduction to Nuxt 3 and its core framework capabilities

An overview of Nuxt 3 highlights the framework's universal deployment strategies and low serverless startup times.

#2 about 2 min

Setting up a basic Nuxt project via Vite

Initializing a Nuxt application demonstrates the immediate visual feedback provided by Vite's hot module replacement.

#3 about 2 min

Configuring file-based routing and Vue page layouts

Creating a dedicated pages directory enables automatic content routing through the default NuxtPage template component.

#4 about 3 min

Fetching external API data with Nuxt composables

Utilizing the useFetch composable simplifies the process of retrieving and rendering JSON payloads from public network APIs.

#5 about 4 min

Managing dynamic routes and matching URL parameters

Utilizing bracket syntax for file names allows developers to access URL parameters dynamically via route composables.

#6 about 1 min

Understanding server-side rendering and client hydration mechanics

Nuxt automatically generates populated HTML on the server to bypass initial client-side execution delays before hydration.

#7 about 3 min

Creating backend API endpoints with the Nitro engine

Building endpoints within the server directory unlocks automatic type inference between backend handlers and frontend fetch calls.

#8 about 5 min

Integrating cloud key-value databases via Unstorage drivers

Configuring Nitro storage drivers connects server endpoints directly to persistent datasets like Cloudflare KV stores over mapped environment variables.

#9 about 5 min

Implementing a backend-for-frontend data synchronization layer

Merging external API calls with local storage insertions inside Nitro routing handlers creates a consistent state persistence layer.

#10 about 2 min

Reviewing built-in framework features and Vite migration advice

Migrating large applications from Webpack to Vite drastically improves the broader developer experience through notably faster module reloading operations.

Matching moments

1:45 min

Implementing server-rendered Vue apps using the Nuxt framework

Marius Obert Marius Obert · World Congress 2022

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

2:32 min

Introduction to modern web development with Nuxt two

Alexander Lichter · JS Congress

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

More from World Congress 2023

The year 3000, a brief history of Web Development thumbnail
25:30
over 2 years ago

The year 3000, a brief history of Web Development

Lorenzo Pieri

Demografie nutzen um jedem Bewerber das passende Angebot zu machen! thumbnail
8:52
almost 3 years ago

Demografie nutzen um jedem Bewerber das passende Angebot zu machen!

Nathalie Gierth

Guided Memory Management: Rust's Ownership Model thumbnail
0:18
almost 3 years ago

Guided Memory Management: Rust's Ownership Model

Stefan Baumgartner

Passwordless future: WebAuthn and Passkeys in practice thumbnail
32:32
almost 3 years ago

Passwordless future: WebAuthn and Passkeys in practice

Clemens Hübner

External Secrets Operator: the secrets management toolbox for self-sufficient teams thumbnail
30:07
almost 3 years ago

External Secrets Operator: the secrets management toolbox for self-sufficient teams

Moritz Johner

Building Reliable Serverless Applications with AWS CDK and Testing thumbnail
25:18
almost 3 years ago

Building Reliable Serverless Applications with AWS CDK and Testing

Raphael Manke

Related videos

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

Modern Web Development with Nuxt3

Alexander Lichter

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

Building Better with Nuxt 3

Daniel Roe

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

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

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

Next, Nest, Nuxt… Nust?

Marius Obert

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.