Nuxt is an intuitive and flexible framework built on Vue that lets you create powerful, production-ready web applications with ease. It streamlines everything from routing to rendering strategies, and gives you out-of-the-box solutions for SEO, data fetching, error handling, and deployment—all while staying developer-friendly.

But with so many features, it can be tough to know where to start or how to use Nuxt to its fullest potential.

In this workshop, you’ll go from zero to confidently building full-stack applications with Nuxt. You’ll start with the fundamentals—how Nuxt bootstraps projects and handles different rendering modes like SSR, SSG, and SPA. Then you’ll dive into file-based routing, dynamic pages, and how layouts and components work together to shape your application’s structure.

You'll also get hands-on experience with data fetching patterns (useFetch, useAsyncData, server routes), graceful error handling, and optimizing for SEO. You’ll configure runtime options, manage static and dynamic assets, and walk through deploying your app to production.

By the end of the workshop, you’ll have both the practical experience and architectural understanding to build real-world applications with Nuxt 4.

Topics

• Nuxt’s core features and file-based conventions
• Rendering strategies (SSR, SSG, SPA) and when to use them
• Pages, layouts, and components in a Nuxt application
• Data fetching on server and client with composables
• Error boundaries and 404 pages
• Improving SEO with meta tags and structured data
• Nuxt config: runtime options, aliases, and environments
• Handling static assets and public files
• Deployment strategies and platform options

Who is this for

This workshop is ideal for developers who are already comfortable with Vue and want to build full-featured, production-ready applications using Nuxt.