SkillsAdd

vinayakkulkarni/vue-nuxt-best-practices

nuxt-seo-best-practices

Nuxt SEO optimization guidelines for Cloudflare-deployed applications.

First seen Mar 4, 2026

Installation

$ npx skills add vinayakkulkarni/vue-nuxt-best-practices --skill nuxt-seo-best-practices
View on skills.sh ↗ GitHub repository ↗

Summary

  • 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.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Similar name
vercel-labs/agent-skills 697.8K installs
remotion-best-practices Similar name
remotion-dev/skills

Router for all Remotion skills

515.3K installs
supabase-postgres-best-practices Similar name
supabase/agent-skills

Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill …

391.6K installs
better-auth-best-practices Similar name
better-auth/skills 106K installs
stripe-best-practices Similar name
stripe/ai

>- Guides Stripe integration decisions across API selection (Checkout Sessions vs PaymentIntent…

82.9K installs
workers-best-practices Similar name
cloudflare/skills

Cloudflare Workers best practices for production applications. Use when writing, reviewing, or …

73K installs

Also in this package

Other skills from vinayakkulkarni/vue-nuxt-best-practices.

npx skills add vinayakkulkarni/vue-nuxt-best-practices
nuxt-best-practices 6 vue-best-practices 6 nuxt-geo-best-practices 35 nuxt-agent-ready-best-practices 24

Browse all from vinayakkulkarni/vue-nuxt-best-practices

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 40
License LICENSE
Default branch main
Open issues 0
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version1.0.0
LicenseMIT
More metadata
author
vinayakkulkarni
version
1.0.0

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 3,379 B
  • docs AGENTS.md 46,489 B
  • docs SUMMARY.md 363 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 52 installs

SKILL.md

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.

Nuxt 4.5 note: head management now runs on unhead v3 — useHead typing is stricter (type errors after upgrading are usually genuine tightening, not regressions) and promise input is no longer supported. All useHead/useSeoMeta examples in this skill use plain synchronous values and are v3-compatible.

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

Priority Category Impact Prefix
1 OG Image Generation CRITICAL og-
2 Page SEO & Meta HIGH meta-
3 Structured Data MEDIUM schema-
4 Cloudflare & Nitro Config HIGH cf-

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
  • og-corp-cross-origin - Serve OG images with CORP cross-origin or every social card silently breaks

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