Stop wrestling with configuration. Nuxt 3 offers file-system routing, auto-imports, and sensible defaults to streamline your development workflow.
#1about 2 minutes
Understanding the Nuxt 2 foundation and its benefits
Nuxt 2 is a Vue framework that simplifies development by including batteries like Vue Router, Webpack, and Babel out of the box.
#2about 4 minutes
The motivation behind Nuxt 3 and the UnJS ecosystem
Nuxt 3 was developed to integrate major updates like Vue 3 and Vite, improve deployment on serverless platforms, and refactor the core into decoupled UnJS packages.
#3about 6 minutes
Exploring the batteries-included approach in Nuxt 3
Nuxt 3 provides a flexible folder structure and automatic file-system based routing, which converts your page components into a Vue Router configuration.
#4about 3 minutes
Built-in performance optimizations in Nuxt 3
Nuxt 3 enhances performance with automatic code splitting, cache busting via content hashing, a modern build mode, and smart prefetching for faster navigation.
#5about 6 minutes
Understanding versatile rendering modes like SPA, SSR, and SSG
Nuxt supports various rendering strategies, including Single-Page Applications (SPA), dynamic Server-Side Rendering (SSR), and Static Site Generation (SSG) for different use cases.
#6about 2 minutes
Extending functionality with the Nuxt module ecosystem
The modular architecture allows developers to easily integrate third-party libraries, hook into the framework's build process, and share reusable solutions with the community.
#7about 3 minutes
Enhancing the developer experience with modern tooling
Nuxt 3 improves developer experience with features like a new CLI, auto-imports for components and composables, and first-class TypeScript support for better autocompletion.
#8about 6 minutes
Live coding: Initializing an app and creating pages
A live demonstration shows how to initialize a new Nuxt 3 project with the CLI and create pages using the file-system based routing convention.
#9about 8 minutes
Live coding: Fetching data and demonstrating SSR
The demonstration continues by using the `useFetch` composable to fetch data from an API and shows how server-side rendering works by default.
#10about 2 minutes
Q&A: Using Vite for production builds
The speaker answers a question about whether Vite is used for production builds in Nuxt 3, confirming it can be configured for both development and production.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
04:25 MIN
Rethinking frameworks with Nuxt, Nitro, and UnJS
Building for the Edge - Crafting a Next-Gen Framework
02:22 MIN
Understanding the core features of Nuxt 3
Nuxt.js - Just Vue 3 and a bit of magic?
01:02 MIN
Summary of Nuxt's benefits and advanced features
Nuxt.js - Just Vue 3 and a bit of magic?
03:31 MIN
Learning from Nuxt 2 to define Nuxt 3 goals
Building Better with Nuxt 3
05:42 MIN
Understanding Nuxt as a Vue-based meta-framework
WeAreDevelopers LIVE - Whats Nuxt and Next for app development, 20 years AJAX and more
01:42 MIN
Using Nuxt.js for server-rendered Vue.js applications
Next, Nest, Nuxt… Nust?
04:10 MIN
Building and analyzing the optimized Nuxt 3 output
The Best Upcoming IT WebinarsNow that you already know what IT webinars are and how they can help you level up your professional appeal, you might want actually to get into one. Live tech webinars are one of the best ways to stay on top of the latest trends and tools because eit...
Luis Minvielle
10 Developer Websites in 2023As a web developer, you're always investigating how to level up your skills and streamline your workflow. That's why we've gathered a collection of 10 innovative tools that are guaranteed to boost your productivity, enhance your coding abilities, ele...
Chris Heilmann
Dev Digest 136 - No JS(on) of mineNews and ArticlesDouglas Crockford is our featured video, so let's talk about evolving JavaScript and all things JSON. Judicious JSON explains all the weird things in it, you can learn why it can be incredibly slow, people wonder what even is a JSON ...
Daniel Cranney
Next.js App Router: ExplainedIntroductionVercel’s Next.js has come a long way since its initial release in 2016. What would become the most popular React framework (according to their own website, at least), started as a simple solution for handling routing, SEO optimisation and...
From learning to earning
Jobs that call for the skills explored in this talk.