skills.rest
kennyzir
kennyzirCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

nextjs-seo-foundations

Enforce metadata, canonical URLs, and structured data in Next.js 14 sites.

261|119|Updated Apr 3, 2026
Search Tags:#performance#schema#metadata#nextjs#canonical#seo#structured-data
One-click install
npx skills add https://github.com/kennyzir/7deer_skills --skill nextjs-seo-foundations
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs-seo-foundations
Source: https://github.com/kennyzir/7deer_skills/tree/main/nextjs-seo-foundations
Command: npx skills add https://github.com/kennyzir/7deer_skills --skill nextjs-seo-foundations

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Next.js projects often struggle with scalable SEO architecture, dynamic metadata, and structured data; this skill provides production-grade guidelines to implement metadata, schema, and performance optimization.

Core Features & Use Cases

  • Metadata architecture with dynamic titles including Month Year
  • Canonical URL enforcement with trailing slash
  • Schema Graph: BreadcrumbList, FAQPage, VideoGame
  • Performance optimizations: LCP image priority, dynamic imports
  • Use Case: building high-traffic Next.js 14 sites with SEO at core

Quick Start

Implement generateMetadata with a dynamic Month Year title and trailing-slash canonical URL, and integrate StructuredData usage and Schema patterns for SEO-ready pages.

Frequently Asked Questions about nextjs-seo-foundations

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement dynamic metadata and canonical URLs in Next.js 14?▼

You add structured data to Next.js by integrating JSON-LD schema patterns like BreadcrumbList, FAQPage, and VideoGame into your page components to build a comprehensive schema graph for search engines.

What is the best way to optimize Next.js performance for SEO metrics like LCP and CLS?▼

Optimize Next.js performance for SEO by setting priority loading on LCP images and utilizing dynamic imports to reduce initial JavaScript payload, which improves Core Web Vitals and indexing performance.

Does this Next.js SEO approach work for high-traffic production apps?▼

Yes, this approach works for high-traffic production apps by providing scalable SEO architecture, route-level metadata enforcement, and structured data patterns designed for production-grade Next.js sites.

How do I add JSON-LD structured data to a Next.js application?▼

You add structured data to Next.js by integrating JSON-LD schema patterns like BreadcrumbList, FAQPage, and VideoGame into your page components to build a comprehensive schema graph for search engines.

Why do my Next.js pages need trailing slashes in canonical URLs?▼

Trailing slashes in canonical URLs prevent duplicate content penalties by standardizing URL structures across your Next.js application, ensuring search engines consolidate page ranking signals to a single authoritative version.

Related Skills

Explore More Software Engineering Skills→
codeApe-7codeApe-7
17

nextjs-developer

Develop and deploy Next.js 14+ applications with app router architecture and SEO metadata.

Community
Intermediate
leafcoderleafcoder
2

seo-technical-expert

Analyze website technical architecture for Core Web Vitals and schema markup compliance.

Community
Advanced
ngxtmngxtm

Next.js Optimization

Optimize Next.js applications with image, font, and metadata loading strategies.

Community
Intermediate
vito1317vito1317

nuxt-seo

Automate SEO metadata integration for Nuxt apps with robots rules, sitemaps, OG images, and JSON-LD.

Community
Advanced