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 one title tag for the whole 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 look correct on WhatsApp/LinkedIn.
Session 3: Technical Foundation & Indexing
- The Problem: Orphaned pages that search engines can't 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 solve Cumulative Layout Shift (CLS) and speed up indexing.
Session 4: Audit, Defense & Hydration
- The Deep Dive: Debugging "Hydration Mismatches"—the #1 error in Nuxt that kills performance.
- The Audit: Running a live Lighthouse Audit on the fixed project.
- Schema.org: Injecting JSON-LD structured data for "Rich Snippets" (Stars/Reviews in search results).
Requirements
- Participants must have working knowledge of Vue.js and Nuxt basics.
Audience
- Developers
Testimonials (5)
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
Interaction with the trainer and explanation
Maurizio - Accenture
Course - Advanced Solr
Got to know new features in OS which I wasn't aware before.
Dhivyalakshmi Ponnusamy - Mercedes-Benz AG
Course - Search and Analytics with Amazon OpenSearch
Marcin knew exactly what he talking about and had proper hands on in-depth experience with the tools. He had answers to all our questions and made some really strong recommendations that we could start working towards with future projects and uses.
Conor Glasman - Quidco
Course - Elasticsearch for Developers
I enjoyed the exercices gives a good insight.