Nuxt.js Training Course – Create High-Performance Web Applications with Vue.js and SSR
- Price
- Duration
- Number of Hours
Each session will take place even if only one person is registered (except in cases of force majeure)
Description of this Nuxt.js Training Course
Nuxt.js is a framework based on Vue.js that allows you to create high-performance, scalable, and well-referenced web applications. Thanks to server-side rendering (SSR), static site generation (SSG), and the flexibility of its architecture, Nuxt has become a strategic choice for modern web projects.
This Nuxt.js training course guides you through the practical use of Nuxt.js, creating a complete application step by step, with API integration, route management, SEO, performance, and deployment.
Also discover our Vue.js 3 Training Course – Build High-Performance, Responsive Web Interfaces and our Sass Training Course – Structure and Accelerate your CSS Style Sheets like a Pro.
Format
Remote (recorded sessions).
GOOD TO KNOW
This training course includes numerous exercises (60% practical) to enhance learning. Each session will take place even if only one person is registered (except in cases of force majeure). A preliminary interview is held between the participant and/or a company representative in order to fully assess the participant’s profile (level, needs, professional context, challenges, etc.).
Assessment : during the training course, the trainer assesses the participants’ progress through multiple-choice questions, role-playing exercises and practical work. Participants receive a certificate of completion at the end of the training course.
This training course is part of our Development Training Courses. Explore our other development trainings to design modern, performant and maintainable applications.
objectives of this Nuxt.js Training Course
By the end, each participant will be able to :
- Understand the architecture of Nuxt.js and how it compares to Vue.js
- Create an application with server-side rendering (SSR) and dynamic routes
- Use Nuxt features: pages, layout, store, middleware, meta SEO
- Integrate external APIs (REST or GraphQL) with state management
- Manage SEO, performance, static generation (SSG) and deployment
- Design a clear, fast and maintainable full-stack web application
Prerequisites
- Mastering Vue.js (beginner to intermediate level)
- Good foundation in JavaScript, HTML, CSS
- Completion of Vue.js training or initial experience in front-end development
- Because each participant has a unique background and expectations, a preliminary interview with our expert allows us to precisely identify their objectives, level and professional challenges.
This enables us to tailor the training content to ensure relevant and personalised learning.
Target Audience
Vue.js developers, advanced web integrators, full-stack developers, or individuals transitioning to modern web development.
Detailed of this Nuxt.js Training Course
Introduction to Nuxt.js
Objectives, use cases, differences with Vue.js, SSR, CSR, and SSG modes. Nuxt project architecture.
Pages, Layouts, Navigation
Page creation, overall layout, automatic routing, internal navigation, dynamic links.
Data retrieval and API calls
useFetch, asyncData, REST API calls, asynchronous data management.
Store, State and VueUse
Centralised state management with Pinia (or Vuex depending on version), server-side business logic.
SEO and Performance
Meta, Open Graph, Sitemap, image optimisation, lazy loading, LCP, Lighthouse.
Final Project: Full-Stack SSR Application
- Build a complete Nuxt application with SSR and dynamic routes.
- Integrate authentication, API calls and SEO best practices.
- Page transitions and progressive enhancement.
Deployment and static generation
Static mode, generating a site with Nuxt Content, Netlify/Vercel, environment configuration.
The advantages of this training course
This training course :
- Provides a comprehensive overview of Nuxt.js and its various architectures (CSR, SSR, SSG)
- Is project-based: learning by creating an end-to-end application
- Offers best practices for SEO, performance and security
- Covers both front-end architecture and production issues
FAQ – Nuxt.js Training
What is Nuxt.js?
Nuxt.js is the full-stack framework built on Vue.js that enables modern web applications with SSR (server-side rendering), SSG (static site generation), automatic routing, auto-imports and native TypeScript integration. It accelerates development while optimizing SEO and performance. MFE-IT trains Vue.js developers to design production-ready Nuxt.js apps.
What is the difference between Nuxt.js and Next.js?
Next.js is the React equivalent of Nuxt.js, developed by Vercel. Both offer SSR, SSG, file-based routing and performance optimizations. Nuxt.js uses Vue.js and its ecosystem (Pinia, Vue Router), while Next.js uses React. The choice depends on your preferred front-end framework. MFE-IT compares both approaches.
Why use Nuxt.js instead of Vue.js alone?
Vue.js is a component library; Nuxt.js adds everything a web application needs: SSR/SSG for SEO, routing, auto-imports, state management, middleware, community modules and production optimizations. Nuxt.js is often preferred for full-stack applications. The MFE-IT training highlights these benefits.
How long is the Nuxt.js training at MFE-IT?
The training lasts 2 days (14 hours), remote or on-site, with a maximum of 3 participants per session and 30 days of post-training support included.
Would you like to know about upcoming sessions ?
Would you like to schedule this Nuxt.js Training Course on a specific date ? Contact us by email or by filling out the contact form.