Nuxt Nation 2024
2024-11-12..2024-11-13
-- online --
[Nuxt Nation 2021, Nuxt Nation 2022, Nuxt Nation 2023, Nuxt Nation 2024]
| title | author | length |
|---|---|---|
| This or That Challenge – Daniel Roe | Daniel Roe | 02m |
Chooses concrete defaults: prefers front-end markdown workflows over custom CMS, uses TypeScript in Nuxt projects, and insists on Universal (server-rendered)… | ||
| This or That Challeng | Dan Pastori | 01m |
Choices favor web apps over mobile, prefer Global CSS and Nu config instead of per-component scoping, and enable dark mode by default. JavaScript wins for Nuxt… | ||
| This or That Challenge – Lucie Haberer | Lucie Haberer | 01m |
Quick rapid-fire tech and lifestyle choices land on concrete tools and workflows: prefers static site generation over SSR, picks a custom CMS rather than… | ||
| This or That Challenge – Sébastien Chopin | Sébastien Chopin | 02m |
Chooses Next Content over a custom CMS, uses TypeScript, prefers SSR with hybrid rendering so pages can be pre-rendered but stay dynamic, and uses the Next… | ||
| Favorite Web Developer Trends – Daniel Roe | Daniel Roe | 01m |
Argues that the major shift is toward build-time optimizations using modern bundlers like Vite, moving work from runtime into a pre-build step that both… | ||
| Favorite Web Developer Trends – Julien Huang | Julien Huang | 01m |
Proposal to add asynchronous context to JavaScript aims to bring Node’s AsyncLocalStorage behavior to browsers, currently a stage 2 proposal. Work on… | ||
| Favorite Web Developer Trends – Lucie Haberer | Lucie Haberer | 01m |
Teams coordinate under Vite ecosystem tooling to systematically upgrade shared dependencies so every project inherits the improvements, not just isolated apps… | ||
| Developers' Mistakes with Nuxt – Dan Pastori | Dan Pastori | 01m |
Clear explanation of common confusion around Nuxt 3 data fetching and when fetching happens on server vs client, with practical guidance on choosing… | ||
| Developers' Mistakes with Nuxt – Daniel Roe | Daniel Roe | 01m |
Common mistakes: overcomplicating too early by wiring global browser-style state into server-rendered pages, and assuming client code maps directly to… | ||
| Developers' Mistakes with Nuxt – Sébastien Chopin | Sébastien Chopin | 01m |
Nuxt data fetching needs are clarified: use useFetch (or server-friendly data helpers) to load data that renders on the server, and use $fetch inside… | ||
| Developers' Mistakes with Nuxt – Julien Huang | Julien Huang | 01m |
Clarifies that useFetch is a composable and must run inside a component setup, while dataFetch is a utility used to trigger effectful requests outside the… | ||
| Developers' Mistakes with Nuxt – Lucie Haberer | Lucie Haberer | 01m |
Nuxt routing breaks when a page or layout contains multiple roots instead of a single root element so each page and layout must wrap content in a single… | ||
| Playing with Nuxt in 3D | Thorsten Seyschab | 21m |
Live demo builds a browser mini‑game proof‑of‑concept using Nuxt + WebGL + ThreeJS + TresJS, loads glTF models (windmill with rotating blades driven by… | ||
| Efficient multisite setup with Nuxt Layers | Filip Rakowski | 36m |
Concrete recipe for one codebase deployed as separate sites using Nuxt Layers: use inheritance-based file overrides to stack a base layer with per-store… | ||
| LIVE Panel: Journey Into VoidZero | Evan You | 01h 02m |
VoidZero builds a unified JavaScript toolchain on top of existing open source projects (Vite, oxc, Rown) aiming to remove dev/prod bundler discrepancies and… | ||
| How Nitro works? | Pooya Parsa | 38m |
Nitro is the server engine that builds and runs Nuxt apps: a Rollup-based builder uses Rollup that produces a tiny deployable output (about output ~170KB in… | ||
| Nuxt, Nitro and h3 in Practice - Unleash the Full Stack Beast | Alexander Lichter | 35m |
Live demo builds a Nuxt app that offloads client fetching to a Nitro API route: it calls the icanhazdadjoke API, rewrites the payload, and stores the last ten… | ||
| Authentication in Nuxt | Sébastien Chopin | 34m |
An open-source Nuxt module for auth shows cookie‑based, encrypted sessions with client HTTP‑only cookies, a composable API (useUserSession) and server helpers… | ||
| How to contribute to Nuxt | Julien Huang | 17m |
Nuxt is a pnpm monorepo with pnpm + corepack where core directories are src/core (build-time) and src/app (run-time); Builders include Vite (which provides an… | ||
| The State of Nuxt Content | Ahad Birang | 23m |
Nuxt Content v3 restructures into a slim content parser plus a relational store, moving file reading and parsing to build time and emitting compressed content… | ||
| The Journey of Building the Sentry Nuxt SDK | Sigrid Huemer | 18m |
Sentry ships a new Nuxt module that implements client, server and build-time configs separately, targets Nuxt 3/Nitro/H3, and integrates source‑map upload and… | ||
| You've dreamed it? Create full-stack apps with Nuxt! | Estéban Soubiran | 11m |
Claims that Nuxt now targets Cloudflare’s edge with a module that wraps KV store D1 R2 queues and runs the same code locally and in production, plus a CLI and… | ||
| The Future of Nuxt UI | Benjamin Canac | 16m |
Nuxt UI is rebuilt from the ground up: over 50 accessible components, migrated to Radix Vue primitives and using TanStack Table for grids and Embla Carousel… | ||
| Get Your Head Out of the Cloud — Embracing Local-First Apps with Nuxt | Ben Hong | 34m |
Builds a Nuxt to‑do app that stores everything locally in IndexedDB and synchronizes peer‑to‑peer via WebRTC, using rxdb as the sync engine and dexie.js for… | ||
| The Future of Nuxt | Sébastien Chopin, Pooya Parsa, Daniel Roe, Alexander Lichter | 55m |
Roadmap focuses on migration quality not glitter: Nuxt 4 delivers thoughtful breaking changes like a new default directory structure and backports many… | ||
| Rank Higher & Faster: Unlock Nuxt SEO Power! | Mostafa Said | 39m |
Concrete Nuxt steps and tools for measurable SEO wins: enable universal rendering so crawlers see full HTML, add XML sitemaps and robots.txt (uses a Nuxt… | ||
| Simplifying Rich Text Editor Setup with the CKEditor Builder | Vadim Smirnov | 23m |
Builder generates a ready Nuxt (Vue) starter with app.vue, main.js and style.css and either a downloadable zip or copy‑paste code snippets, preselects from… | ||
| Magically Optimising your fonts | Daniel Roe | 36m |
Describes an automated pipeline that downloads fonts locally, computes Font metric overrides and injects CSS so fallbacks match web fonts, reducing CLS to… | ||
| An introduction to Nuxt Scripts | Harlan Wilton | 31m |
Nuxt Scripts presents a concrete system: a useScript composable with a script registry (about 22 presets) that adds preload links, inserts script tags… | ||
| Nuxt Server Components Crash Course | Michael Thiessen | 26m |
Shows how renaming component files with a server suffix makes them render only on the server, and how prop changes trigger fetches that return HTML (demoed… | ||
| Can Nuxt Make Great Mobile Apps? | Lucie Haberer | 29m |
Shows that Nuxt plus Capacitor can produce a real camera app with manual controls: a Nuxt app compiled to mobile via Capacitor, hot reload in a browser or on… | ||
| Journey to Nuxt Icon | Anthony Fu | 20m |
Nuxt Icon v1.0 delivers two rendering modes — CSS and SVG modes — plus a server-side bundling layer that ships commonly used icons from the server and falls… | ||
| Nuxt Content: The ultimate tool for blogging and documentation | Dan Pastori | 29m |
Nuxt Content is a first‑party Nuxt module that turns a content/ folder of Markdown + YAML front matter into a site, supporting both document-driven mode… | ||
| We Are Growing: Vue School Crowdfunding Announcement | Alex Kyriakidis | 20m |
Bitterbrains launches an Equity crowdfunding on Republic to scale education products, offering early-investor perks for the first 100 backers; the campaign… | ||
| Discovering Nuxt Content Visual Editor | Baptiste Leproux | 03m |
Nuxt Content exposes a query-builder API for markdown files that can include frontmatter and embedded Vue components, and Nuxt Studio sits on top to turn those… | ||
| Adaptive Teleport in Nuxt | Simon Le Marchant | 05m |
Persistent heavy components avoid remounts by reverse Teleport: a top-level component stays mounted above Nuxt pages while its DOM is teleported down into… | ||
| Add AI & Blob Storage to your Nuxt application | Sébastien Chopin | 04m |
Demo shows how to link a Nuxt project to NuxtHub, enable Cloudflare AI and blob storage, and call the model via a do.run prompt describe the image in one… | ||
| Setting rendering mode to your pages 👀 | Julien Huang | 03m |
Nuxt pages accept component-style suffixes so renaming index.vue to index.client.vue forces client only rendering and interactivity while index.server.vue… | ||
| @nuxt/scripts: a better way to handle third-parties | JulienHuang | 02m |
Nuxt Core and the Aurora team build @nuxt/scripts, a Nuxt module that replaces loading third‑party tags at runtime by providing composables ready to use and UI… | ||
| The Ultimate Nuxt Conference! | Sébastien Chopin, Daniel Roe, Anthony Fu | 01m |
🗓️ MARK YOUR CALENDARS 🗓️
Nuxt Nation 2024 is back and set for November 12th and 13th! 🎉
Hosted in collaboration with Nuxt, this is going to be the… | ||
| nothing matches | ||