Latest courses, articles and tutorials

Using Pretext in Vue to Build Variable-Height UI Without Layout Thrash

If you’ve ever had to render text, measure it, and then re-render just to make a layout work, this one is for you.

This new article explores how to use Pretext in Vue to calculate wrapped text height before mounting it in the DOM. That means fewer hidden measurement elements, less layout thrash, and a much cleaner way to handle text-heavy interfaces.

You’ll see why this approach is especially useful for things like:

• virtualized lists
• chat threads
• card grids
• resizable interfaces
• canvas-style UIs with labels

It’s a smart pattern for cases where text height affects layout and you want Vue to stay focused on state, not DOM measurement hacks.

Generating Random IDs in Vue.js

Vue 3.5 introduced useId(), and it solves a small but surprisingly annoying problem really well. In this article, you’ll learn how to generate unique, stable IDs for labels, inputs, ARIA attributes, and reusable components without relying on manual counters, Math.random(), or hydration-prone workarounds.

The article covers:

• how useId() works
• why it’s SSR-safe
• when to use it
• when not to use it
• how to avoid common mistakes like calling it inside computed()

A small API, but a very nice upgrade for building accessible and reusable UI.

RAG with Nuxt and Gemini File Search

RAG is one of the most useful AI patterns right now, and this article walks through how to build it in a practical way with Nuxt.

You’ll create a working backend flow using Gemini File Search, including document indexing, store creation, polling job status, and grounded question answering based on your own uploaded content.

Inside the tutorial, you’ll learn how to:

• create a File Search store
• upload and index documents
• poll indexing status
• ask grounded questions against your indexed docs
• add document listing and delete flows

It’s a strong hands-on guide if you want to build AI features that are actually useful, not just flashy.

New course release: RAG with Nuxt and Gemini File Search

The first lessons of our brand-new course are now live.

8 lessons now available:

• What is RAG and What We’re Building
• RAG Terms
• Project Setup
• Create a Gemini File Search Store
• Add Documents to a Gemini File Search Store
• Ask Questions about Your Documents
• Attributing Docs in Answers
• Filtering Matches with Metadata

This course is built to help you understand the full flow behind retrieval-augmented generation in a Nuxt app, step by step. You’ll start with the core concepts, set up the project, and then move into working with Gemini File Search in a way that feels practical and developer-first.

If you want to get better at building AI-powered apps with grounded answers and real document workflows, this is a great place to start.

⭐ Course recommendation

GraphQL Fundamentals
5 lessons · 23 minutes

GraphQL is one of those things every frontend developer runs into sooner or later. This beginner-friendly course gives you a clean foundation without drowning you in theory.

You’ll learn what GraphQL is, why it can be more flexible than REST, how to explore APIs with GraphiQL, and how to write both queries and mutations. A solid pick if you want to understand modern API workflows and build better instincts early.

→ Start course

Upcoming events

Frontend Nation 2026: New Speakers Announced

Frontend Nation continues to push deeper into the intersection of frontend and AI, with speakers like Kent C. Dodds, Alex Garrett-Smith, Alex Kyriakidis, and Ekaterina Sirazitdinova shaping what’s next. And we’re not slowing down. Strong voices from the Laravel ecosystem are joining the stage as we expand into the backend ecosystem this year.

Pascal Baljet is the creator of Inertia UI and a prolific open-source contributor, with Laravel packages used millions of times across the ecosystem. Pascal will join Frontend Nation to dive into modern frontend without an API. Stay tuned.

Joining him is Steve McDougall, a Laravel and PHP expert and Certificates.dev content owner, known for his work on building practical, production-ready APIs and improving the developer experience across frontend and backend teams.

If you’re not registered yet, this is the moment to join while the program is still unfolding. It’s free, global, and designed for developers actively building today.