4.0

5 half days or 3 days

Duration

95%

Recommendation Rate

Over 8.558 participants from leading companies learn with workshops.de

Nuxt.js 3 Intensive Training

Beginner · 5 half days or 3 days or flexible as in-house training · In-House

According to participants, one of the most popular trainings on workshops.de

4.0

Participant
Favorite

95%

Recommendation

60% Hands-on Practice

Exercises with real projects from everyday development

Certified Trainers

Google Developer Experts & Community Experts

Bonus: Lifetime Access

Materials stay up to date — even after the workshop

Nuxt.js is an intuitive Vue-based meta-framework for building web applications – and it will make a developer's life easier. The framework offers various rendering modes, including Server Side Rendering, Static Site Generation, ISG/ISR and hybrid modes, as well as further performance goodies such as automatic code splitting and lazy loading out of the box. With Nuxt you can make sure your frontend is production-ready quickly and delivers excellent performance by default.

Agenda

In this workshop, we will build a realistic app with Nuxt.js together, from project setup to the final deployment. Along the way, we will take a look at many of the features Nuxt.js offers, and also point out common pitfalls and how to avoid them.

Why Nuxt
- What is Nuxt
- Benefits of Nuxt
- When should you use Nuxt?
- Overview of the Nuxt ecosystem
Vue Composition API (refresher)
- What is the Composition API
- Composition vs. Options API
- Reactivity
- <script setup>
Initializing the Nuxt project
- nuxi - Nuxt's CLI
Exploring the directory structure
- Initial structure
- app.vue
- Other possible directories
Routing in Nuxt
- Pages with the pages folder
- Dynamic routes
- Programmatic navigation
Configuring the Nuxt application
- nuxt.config.ts
- Overview of the most important options
Layouts and error page
- Using different layouts for different pages
- Introducing an error page, e.g. for 404s
Rendering modes (theory block)
- Explanation of the different rendering modes (SPA / SSR / SSG / ISG/ISR)
- Presenting the modes based on the application we built
Data fetching
- Introduction to useFetch and useAsyncData
- Explaining the lifecycle
- Exploring the options of the composables
- $fetch
Composables
- Creating your own composables
- Using useState
- Adding VueUse to our project
SEO
- useHead and useSeoMeta composables
- SEO based on rendering modes
Runtime config
- Handling environment variables
- public vs private runtime config
Nitro
- API routes
- Server middleware
- Type safety
Deployment
- Deploying our site to Netlify
Outlook
- Further resources and topics to explore

What you should know

Prerequisites

This workshop is aimed at developers who want to learn how to build web applications with Nuxt.js.

No prior knowledge of Nuxt.js is required, but participants should have a basic understanding of Vue.js 3, the Vue Composition API and JavaScript.

Target Audience

The course “Nuxt.js 3” is aimed at Beginner.

What's Included

Certificate of Participation

Shareable on

Virtual classroom

Interactive learning platform with exercises and materials

Bonus

Lifetime Access

Including updates to training materials

Request in-house/corporate training

Interested in an in-house Nuxt.js 3 training for your team or company?
Submit a request and book a preliminary meeting with our advisor.

Tailored training to your needs

On-site or remote for multiple employees

German and English available

Inquire Now

Robin Böhm

CEO of workshops.de

What our participants say

4.0 /5

Anonymized on request

Participant

Sympathisches Hands-On an komplexere Themen mit einem mächtigen und simplen Framework

Attended Nuxt.js 3 Intensive Training

Joe Schäfer

Participant

Nuxt rockt, ist schnell und macht Spass - Webentwicklung mit Wow-Effekt 🚀

Attended Nuxt.js 3 Intensive Training

Anonymized on request

Participant

Ich konnte dem Trainer super gut folgen und er war sehr kompetent.

Attended Vue.js & TypeScript Intensive Training

Anonymized on request

Participant

Super Grundlagen Schulung! Hier lernt man alles was man wissen muss, um mit dem ersten Vue.js Projekt zu starten.

Attended Vue.js & TypeScript Intensive Training

Anonymized on request

Participant

Gute Erklärungen mit genug Prxisanteil, dass man auch tatsächlich was behält

Attended Vue.js & TypeScript Intensive Training

Anonymized on request

Participant

Eine hervorragend strukturierte Vue.js-Einsteigerschulung von einem erstklassigen Trainer, der die Erwartungen der Teilnehmenden vollständig berücksichtigt und sein Schulungsmaterial optimal darauf ausrichtet.

Attended Vue.js & TypeScript Intensive Training

View all reviews

Questions and answers

What times do the trainings take place?

Our public Nuxt.js 3 remote courses take place from 9:00 AM to 1:00 PM, on-site Nuxt.js 3 trainings from 9:00 AM to 4:30 PM.

For in-house seminars, individual adjustments are possible.

Will I receive a certificate after the training?

Yes. At the end of each of our Nuxt.js 3 seminars, participants receive a signed certificate of attendance.

The certificate includes a verification URL and can be shared on your LinkedIn profile. Learn more about managing certificates on LinkedIn.

In which languages are the trainings offered?

Yes, we offer our Nuxt.js 3 seminars in German and English.

Public dates are held in German, unless explicitly stated otherwise.

In-house seminars can be conducted in the desired language.

All materials and exercises are fully available in English.

Are the trainings conducted both remotely and on-site?

Yes. We offer our Nuxt.js 3 seminars both remotely and on-site. Thanks to our virtual classroom, you can conveniently participate in our workshops from anywhere. Our online presentations are regularly updated, and you have permanent access after the training. Exercises can be accessed and unlocked through an online interface, and we have added additional tasks to prepare you for remote workshops.

We also offer in-house seminars and public trainings on-site. In our schedule overview, you can see the respective venue of the trainings. For in-house trainings, we are happy to discuss the venue details individually with you.

Which meeting tool do you use in remote trainings?

For public Nuxt.js 3 seminars, we use the online meeting tool Zoom alongside our classroom.
A test link is also included in the preparation to let you try out the technology. The remote workshop is designed so that everyone works from different locations with their own computer.

For in-house seminars, we can conduct the meeting via Zoom or Microsoft Teams.
Other meeting software may be used by arrangement.

What support do you offer after the training?

In-house Nuxt.js 3 trainings: Individual consulting with code mentoring

For our in-house seminars, we additionally offer code mentoring.

What is code mentoring?

Ask-Me-Anything sessions: Clarify questions and uncertainties from the course directly with an expert.
Code review: Submit your own code snippets and have them analyzed and evaluated by experts.
Advanced topics: Ask in-depth questions about the course topic to expand your knowledge.

Public Nuxt.js 3 trainings: Exchange on our community Discord

For participants of public trainings, we recommend joining our community Discord server.

Your benefits on Discord:

Diverse channels for questions and discussions – beyond the course topic.
An engaged community that supports you in learning.

Who are the trainers?

Our trainers are experienced experts from the industry:

Experienced software developers
Book and article authors
Active members of the web community
Organizers of meetups and conferences

Can you issue electronic invoices (e-invoice, X-Rechnung)?

Yes. You can enter your routing ID directly in our order form. Our invoices are sent as ZUGFeRD PDFs right after booking.
If you have provided a routing ID, our team will be notified and we will handle the upload to the portal. If we need additional information, we will contact you after booking.