nuxt-seo-best-practices

Nuxt SEO optimization guidelines for Cloudflare-deployed applications. Covers dynamic OG image generation on CF Workers, page SEO composables, JSON-LD structured data, SSR externals, and Nitro configuration. Triggers on tasks involving SEO, meta tags, OG images, Open Graph, Satori, social sharing, or Cloudflare Workers deployment.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "nuxt-seo-best-practices" with this command: npx skills add vinayakkulkarni/vue-nuxt-best-practices/vinayakkulkarni-vue-nuxt-best-practices-nuxt-seo-best-practices

Nuxt SEO Best Practices

Comprehensive SEO optimization guide for Nuxt 4 applications deployed to Cloudflare Pages/Workers. Contains 11 rules across 4 categories, prioritized by impact to guide automated refactoring and code generation.

When to Apply

Reference these guidelines when:

  • Generating dynamic OG images on Cloudflare Workers
  • Setting up page-level SEO meta tags and composables
  • Adding JSON-LD structured data
  • Configuring Nitro for Cloudflare Pages deployment
  • Handling SSR-incompatible client-only libraries
  • Setting up social sharing meta (Open Graph, Twitter Cards)
  • Working with Satori for image generation (NEVER use React)

Rule Categories by Priority

PriorityCategoryImpactPrefix
1OG Image GenerationCRITICALog-
2Page SEO & MetaHIGHmeta-
3Structured DataMEDIUMschema-
4Cloudflare & Nitro ConfigHIGHcf-

Quick Reference

1. OG Image Generation (CRITICAL)

  • og-cf-workers - Generate dynamic OG images on Cloudflare Workers with @cf-wasm/og
  • og-no-react - Use plain JS objects for Satori elements, NEVER React
  • og-cache-headers - Cache OG images with immutable headers for CDN

2. Page SEO & Meta (HIGH)

  • meta-use-page-seo - Reusable composable for consistent page-level SEO
  • meta-social-tags - Proper Open Graph and Twitter Card meta tags
  • meta-canonical-url - Canonical URLs and og:url for every page

3. Structured Data (MEDIUM)

  • schema-json-ld - JSON-LD structured data in app.vue for Google Rich Results

4. Cloudflare & Nitro Config (HIGH)

  • cf-compatibility-date - Pin compatibilityDate, never use 'latest'
  • cf-nitro-config - Nitro config for CF Pages (nodeCompat, process.stdout, WASM)
  • cf-ssr-externals - SSR external config for client-only libraries
  • cf-wasm-import - WASM module configuration for Cloudflare Workers

How to Use

Read individual rule files for detailed explanations and code examples:

rules/og-cf-workers.md
rules/meta-use-page-seo.md
rules/_sections.md

Each rule file contains:

  • Brief explanation of why it matters
  • Incorrect code example with explanation
  • Correct code example with explanation
  • Additional context and Nuxt/Cloudflare-specific notes

Full Compiled Document

For the complete guide with all rules expanded: AGENTS.md

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

nuxt-best-practices

No summary provided by upstream source.

Repository SourceNeeds Review
General

vue-best-practices

No summary provided by upstream source.

Repository SourceNeeds Review
General

vue-nuxt-best-practices

No summary provided by upstream source.

Repository SourceNeeds Review
General

image-gen

Generate AI images from text prompts. Triggers on: "生成图片", "画一张", "AI图", "generate image", "配图", "create picture", "draw", "visualize", "generate an image".

Archived SourceRecently Updated