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 frequently fails to "see" JavaScript content.
- The Fix: Configuring nuxt.config.ts for Hybrid Rendering. We will establish specific route rules (ISR vs SWR) to ensure product pages are served as static HTML for bots.
- Outcome: A crawlable page source verified via 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 canonical links.
- Social Fix: Debugging broken Open Graph (OG) tags so links appear correctly on WhatsApp and LinkedIn.
Session 3: Technical Foundation & Indexing
- The Problem: Orphaned pages that search engines cannot locate.
- The Fix: Installing and configuring @nuxtjs/sitemap to automatically 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, Defence & Hydration
- The Deep Dive: Debugging "Hydration Mismatches"—the number one error in Nuxt that cripples performance.
- The Audit: Conducting a live Lighthouse Audit on the optimised project.
- Schema.org: Injecting JSON-LD structured data for "Rich Snippets" (such as Stars/Reviews in search results).
Requirements
- Participants must possess a 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
