Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Course Outline
Session 1: The Rendering Strategy
- The Problem: Why Googlebot often fails to "see" JavaScript content.
- The Fix: Configuring nuxt.config.ts for Hybrid Rendering. We will set specific route rules (ISR vs SWR) to ensure product pages are served as static HTML for bots.
- Outcome: A crawlable page source verified by Curl.
Session 2: Metadata & Visibility
- The Problem: Single Page Apps (SPAs) often share a single title tag across the entire site.
- The Fix: Implementing useSeoMeta and useServerSeoMeta to programmatically generate dynamic titles, descriptions, and canonicals.
- Social Fix: Debugging broken Open Graph (OG) tags so links appear correct on WhatsApp/LinkedIn.
Session 3: Technical Foundation & Indexing
- The Problem: Orphaned pages that search engines cannot find.
- The Fix: Installing and configuring @nuxtjs/sitemap to auto-generate XML sitemaps for dynamic routes.
- The Performance Fix: Implementing <NuxtImg> and defining explicit dimensions to resolve Cumulative Layout Shift (CLS) and accelerate indexing.
Session 4: Audit, Defense & Hydration
- The Deep Dive: Debugging "Hydration Mismatches"—the number one error in Nuxt that undermines performance.
- The Audit: Conducting a live Lighthouse Audit on the corrected project.
- Schema.org: Injecting JSON-LD structured data for "Rich Snippets" (Stars/Reviews in search results).
Requirements
- Participants must possess working knowledge of Vue.js and Nuxt fundamentals.
Audience
- Developers
7 Hours
Testimonials (2)
The content is very helpful, and the trainer makes it more easier to understand
Ibrahim Al mayahi - Vastech SA
Course - Advanced Elasticsearch and Kibana Administration
the profesionalism of the trainer; the way he tried to respond to all the questions; the review questions we had to ask: engaging us in conversations
