Nuxt.js 3 training
Nuxt.js 3 Intensiv-Schulung
Nuxt.js 3 Workshop

Vorteile von Nuxt.js erkennen und effizienter entwickeln lernen.

Nuxt.js 3 Intensiv-Schulung
VueJS.DE
Official German Community
Profile picture of Joe Schäfer Profile picture of Mark Bahrenburg Profile picture of Bernhard Fischer Profile picture of Eva Gothein Profile picture of Sascha Kleiber
95% Recommendation Rate
4.0
3 bis 5 Tage
Duration
95%
Recommendation Rate
Over 8.235 participants from leading companies learn with workshops.de
Logo of RWE Group Business Services GmbH, Dortmund
Logo of Generali
Logo of Allianz
Logo of adesso AG, Dortmund
Logo of Commerzbank AG, Frankfurt
Logo of Robert Bosch GmbH, Stuttgart
Logo of Pass Consulting Group
Logo of RWE Group Business Services GmbH, Dortmund
Logo of Generali
Logo of Allianz
Logo of adesso AG, Dortmund
Logo of Commerzbank AG, Frankfurt
Logo of Robert Bosch GmbH, Stuttgart
Logo of Pass Consulting Group

Nuxt.js 3 Intensiv-Schulung

Einsteiger · 3 bis 5 Tage · In-House

According to participants, one of the most popular trainings on workshops.de
4.0
Participant<br>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 ist ein intuitives Vue-basiertes Meta-Framework für die Erstellung von Webanwendungen - und es wird das Leben eines Entwicklers einfacher machen. Das Framework bietet verschiedene Rendering-Modi, darunter Server Side Rendering, Static Site Generation, ISG/ISR und hybride Modi, sowie weitere Performance-Goodies wie automatisches Code-Splitting und Lazy-Loading von Haus aus. Mit Nuxt können Sie sicherstellen, dass Ihr Frontend schnell produktionsreif ist und standardmäßig über eine hervorragende Performance verfügt.


Agenda

In diesem Workshop werden wir gemeinsam eine realitätsnahe App mit Nuxt.js entwickeln, von der Projekterstellung bis zum finalen Deployment. Während dieses Prozesses werden wir einen Blick auf viele Funktionen werfen, die Nuxt.js bietet, und auch häufige Fallstricke aufzeigen und wie man sie vermeiden kann.

  • Warum Nuxt
    • Was ist Nuxt
    • Vorteile von Nuxt
    • Wann sollte man Nuxt verwenden?
    • Überblick über das Nuxt-Ökosystem
  • Vue Composition API (Auffrischung)
    • Was ist die Composition API
    • Composition vs. Options API
    • Reaktivität
    • <script setup>
  • Initialisierung des Nuxt Projekts
    • nuxi - Nuxt's CLI
  • Erkundung der Verzeichnisstruktur
    • Anfängliche Struktur
    • app.vue
    • Weitere mögliche Verzeichnisse
  • Routing in Nuxt
    • Seiten mit dem Ordner pages
    • Dynamische Routen
    • Programmatische Navigation
  • Konfigurieren der Nuxt Anwendung
    • nuxt.config.ts
    • Überblick über die wichtigsten Optionen
  • Layouts und Fehlerseite
    • Verschiedene Layouts für verschiedene Seiten verwenden
    • Einführen einer Fehlerseite, z.B. für 404s
  • Rendering-Modi (Theorie-Block)
    • Erläuterung der verschiedenen Rendering-Modi (SPA / SSR / SSG / ISG/ISR)
    • Vorstellung der Modi anhand der von uns erstellten Anwendung
  • Data Fetching
    • Einführung in useFetch und useAsyncData
    • Erläutern des Lebenszyklus
    • Exploration der Optionen der Composables
    • $fetch
  • Composables
    • Eigene Composables erstellen
    • useState verwenden
    • Hinzufügen von VueUse zu unserem Projekt
  • SEO
    • useHead und useSeoMeta Composables
    • SEO basierend auf Rendering Modi
  • Runtime Config
    • Umgang mit Umgebungsvariablen
    • public vs private Runtime Config
  • Nitro
    • API-Routen
    • Server-Middleware
    • Typsicherheit
  • Deployment
    • Deployment unserer Seite auf Netlify
  • Ausblick
    • Weitere Ressourcen und Themen, die exploriert werden können

What you should know

Prerequisites

Dieser Workshop richtet sich an Entwickler:innen, die lernen wollen, wie man mit Nuxt.js Webanwendungen erstellt.

Es sind keine Vorkenntnisse mit Nuxt.js erforderlich, aber Teilnehmer:innen sollten ein Grundverständnis von Vue.js 3, der Vue Composition API und JavaScript haben.

Target Audience

This Nuxt.js 3 course is aimed at Einsteiger.


What's Included

Certificate of Participation
Shareable on LinkedIn Logo
Virtual classroom
Interactive learning platform with exercises and materials
Bonus
Lifetime Access
Including updates to training materials
In-House/Corporate Seminars
Customized adaptations available
On-site at your location or online
Available in German and English

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
Robin Böhm, CEO of workshops.de
Robin Böhm
CEO of workshops.de

What our participants say

4.0 /5
Participant illustration
Anonymized on request
Participant

Attended Nuxt.js 3 Intensiv-Schulung

Profile picture of Joe Schäfer
Joe Schäfer
Participant

Attended Nuxt.js 3 Intensiv-Schulung

Participant illustration
Anonymized on request
Participant

Attended Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Anonymized on request
Participant

Attended Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Anonymized on request
Participant

Attended Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Anonymized on request
Participant

Attended Vue.js: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Questions and answers

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.

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.

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.

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.

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.

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.

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

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.

Team profile pictures
Still have questions?

Just send us an email. If you prefer a more personal contact, Britta is also happy to receive a call from you!

Weekdays from 8 AM to 1 PM

info@workshops.de

+49 30 / 75437336

In-House Training
Individual Pricing
Inquire Now